@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 14px;
	background: #FFFFFF;
	color: #3e3e3e;
	overflow-x: hidden;
}

body,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
	border: medium none;
	margin: 0;
	padding: 0;
	outline: none;
}

body,
button,
input,
select,
textarea {
	font: 14px LatoLight, '微软雅黑', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif;
	outline: none;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

ul,
ol,
li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0;
}

img {
	border: 0px;
	display: block;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
}

tr {
	cursor: pointer;
}

input {
	border: 0;
}

textarea {
	resize: none;
	padding: 0;
}
.clear{
	clear: both;
}
::selection {
	background: #e4d393;
	color: #fff;
}

::-moz-selection {
	background: #e4d393;
}

.clear {
	clear: both;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
.scroll_cs {
	position: fixed;
	top: 0;
	color: #000;
	font-size: 36px;
	z-index: 999;
	left: 0;
}

.Hover_off {
	cursor: url(../images/hover.ico), crosshair;
}

.scrollbar {
	overflow: auto;
}

.scrollbar::-webkit-scrollbar {
	width: 20px;
	height: 10px;
	border-radius: 4px;
}

.scrollbar::-webkit-scrollbar-track {
	background: #6c6c6c;
}

.scrollbar::-webkit-scrollbar-thumb {
	background: #af1212;
	border-radius: 4px;
}

.scrollbar::-webkit-scrollbar-corner {
	background: #82AFFF;
}

.scrollbar::-webkit-scrollbar-resizer {
	background: #FF0BEE;
}

.content1000 {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height: auto;
	z-index: 2;
}


/*****************************/


/*IEtips*/

.IEtips {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: url(../images/ieBG.png);
	display: none;
}

.IEtips_Box {
	width: 1000px;
	background: #FAFAFA;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -250px 0 0 -500px;
}

.IEtips .Browser {
	margin-top: 35px;
}

.IEtips .IEtips_title {
	font-size: 36px;
	width: 80%;
	margin: 0 auto;
	padding-top: 35px;
}

.IEtips .Browser ul {
	overflow: hidden;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	font-size: 0;
}

.IEtips .Browser ul li {
	margin: 0 40px;
	text-align: center;
	width: 120px;
	display: inline-block;
	vertical-align: top;
}

.IEtips .Browser ul li img {
	width: 100px;
	margin: 0 auto;
}

.IEtips .Browser ul li a,
.IEtips .Browser ul li span {
	display: block;
	margin-top: 25px;
	color: #2570e1;
	font-size: 16px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.IEtips .Browser ul li a:hover {
	color: #800886;
}

.IEtips .brn_off {
	background: url(../images/brn_off.png);
	height: 32px;
	width: 32px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}


/***mobile*********/

#navToggle {
	position: fixed;
	z-index: 101;
	top: 30px;
	right: 30px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	padding: 5px;
	background: #fff;
	border: 1px solid #eee;
}

#navToggle span {
	position: absolute;
	top: 9px;
	display: block;
	width: 26px;
	height: 3px;
	border: 0px solid #d5c896;
	background-color: #045c39;
	-webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
	transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
	transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s;
	transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
}

#navToggle span:nth-of-type(2),
#navToggle span.span2 {
	top: 18px;
}

#navToggle span:nth-of-type(3),
#navToggle span.span3 {
	top: auto;
	bottom: 10px;
	-webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s;
	transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s;
	transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s;
	transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s;
}

#navToggle.expanded {
	border-color: #aaa;
}

#navToggle.expanded span:nth-of-type(1),
#navToggle.expanded span.span1 {
	top: 19px;
	transform: rotate(45deg);
	transition: top 0.2s, transform 0.2s 0.2s, background 0.2s;
	-webkit-transform: rotate(45deg);
	-webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s;
}

#navToggle.expanded span:nth-of-type(2),
#navToggle.expanded span.span2 {
	opacity: 0;
	transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}

#navToggle.expanded span:nth-of-type(3),
#navToggle.expanded span.span3 {
	bottom: 18px;
	transform: rotate(-45deg);
	transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s;
	-webkit-transform: rotate(-45deg);
	-webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s;
}

#mobileNav.expanded {
	display: block;
	top: 0;
}

#mobileNav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: #f7f4e8;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: cubic-bezier(0.92, 0.1, 0.25, 1) 0.8s;
	-webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) 0.8s;
}

#mobileNav.cur {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

#mobileNav ul {
	margin-top: 44px;
	background: #e5dec3;
}

#mobileNav ul li {
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #e1dabc;
	border-top: 1px solid #ece6cc;
}

#mobileNav ul li a {
	display: block;
	height: 100%;
	color: #fff;
}


/*置顶*/


/*表单判断显示*******************/

.err-text {
	position: absolute;
	font-size: 14px;
	color: red;
	bottom: -20px;
	left: 10px;
}

.btn_Prompt {
	position: absolute;
	bottom: 15px;
	right: 10px;
	width: 20px;
	height: 20px;
	display: block;
}

.btn_Prompt.error {
	background: url(../images/btn_error.png) no-repeat;
}

.btn_Prompt.empty {
	background: url(../images/btn_empty.png) no-repeat;
}

.btn_Prompt.Correct {
	background: url(../images/btn_Correct.png) no-repeat;
}

.input-box.err input,
.input-box.err textarea,
.input-box.err select {
	border: 1px solid #ff0000 !important;
}


/**********************/


/*newsDel*/

.model_news_detail {
	max-width: 1020px;
	margin: auto;
	padding-bottom: 50px;
	position: relative;
	padding: 0 10px;
	z-index: 1;
}

.model_news_detail .back {
	width: 100%;
	height: 50px;
	position: relative;
}

.model_news_detail .back a {
	display: block;
	width: 150px;
	height: 40px;
	color: #bb341e;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 0px;
	border: 1px solid #bb341e;
}

.model_news_detail .back a:hover {
	background: #bb341e;
	color: #FFFFFF;
}

.model_news_detail .title {
	width: 100%;
	height: auto;
	line-height: 35px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 35px 5% 15px 5%;
}

.model_news_detail .summary {
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #666666;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}

.model_news_detail .detailContent {
	width: 100%;
	min-height: 300px;
	margin: 25px 0px;
	line-height: 28px;
	text-indent: 28px;
	color: #3E3E3E;
}

.model_news_detail .detailContent img {
	text-indent: 0px;
	max-width: 100%;
	margin: 15px auto;
	display: block;
}

.model_news_detail .newShare {
	width: 100%;
	height: 25px;
	position: relative;
	margin: 15px 0px 35px 0px;
}

.model_news_detail .newShare strong {
	float: right;
	margin-right: 10px;
}

.model_news_detail .detailPage {
	width: 100%;
	height: auto;
}

.model_news_detail .detailPage div a {
	font-weight: normal;
}

.model_news_detail .detailPage div {
	width: 100%;
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
	height: auto;
	padding: 5px 0px;
	font-weight: bold;
}


/*清除浮动*/

.clearBoth:after {
	display: block;
	content: "";
	clear: both;
}

#mobileNav {
	display: none;
}

.wd1350 {
	width: 1350px;
	margin: 0 auto;
}


/*shade*/

.shade {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.shade .shade-top,
.shade .shade-bottom {
	position: absolute;
	width: 100%;
	height: 50%;
	background: #fff;
	top: 0%;
	transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	z-index: 1;
}

.shade .shade-bottom {
	top: auto;
	bottom: 0%;
}

.shade .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	z-index: 2;
}

.shade.show {
	visibility: hidden;
}

.shade.show .loading {
	display: none;
}

.shade.show .shade-top {
	top: -50%;
}

.shade.show .shade-bottom {
	bottom: -50%;
}


/*header*/

header {
	position: fixed;
	top: 0;
	height: auto;
	left: 0;
	width: 100%;
	background: transparent;
	z-index: 10;
	text-align: center;
}

header .nav-top {
	position: relative;
	z-index: 4;
	height: 100px;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}

header .nav-top .logo {
	display: inline-block;
	height: 100%;
}

header .nav-top .logo img {
	height: 90%;
	margin-top: 3%;
}

header .nav-top .memu {
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
	height: 100%;
	line-height: 100px;
	margin-right: 70px;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}

header .nav-top .memu #navToggle {
	position: absolute;
	background: transparent;
	left: -50px;
	border: none;
	top: 32px;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}

header .nav-top .memu #navToggle span {
	background: #fff;
	width: 30px;
}

@media only screen and (min-width:1200px) {
	header .nav-top .memu:hover {
		margin-right: 75px;
	}
	header .nav-top .memu:hover #navToggle {
		left: -45px;
	}
}

header .nav-top .img1 {
	display: inline-block;
	vertical-align: middle;
}

header .nav-top .img2 {
	display: none;
}

header.toTop {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

header.toTop .nav-top {
	background: #fff;
	height: 70px;
}

header.toTop .nav-top .logo img {}

header.toTop .memu {
	line-height: 70px;
}

header.toTop .memu #navToggle {
	top: 17px;
}

header.toTop .memu #navToggle span {
	background: #5d5d5d;
}

header.toTop .img2 {
	display: inline-block;
	vertical-align: middle;
}

header.toTop .img1 {
	display: none;
}

header.navOpen {
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
}

header.navOpen .nav-top .logo img {
	
	height: 90%;
}

header.navOpen .nav-top {
	height: 70px;
}

header.navOpen .memu {
	line-height: 70px;
}

header.navOpen .memu #navToggle {
	top: 17px;
}

header.navOpen .memu #navToggle span {
	background: #5d5d5d;
}

header.navOpen .img2 {
	display: inline-block;
}

header.navOpen .img1 {
	display: none;
}

header.navOpen .nav {
	top: 0;
}

header.navOpen .nav .line {
	width: 100%;
	transition: all 1.2s ease 0.3s;
	-webkit-transition: all 1.2s ease 0.3s;
	-moz-transition: all 1.2s ease 0.3s;
	-o-transition: all 1.2s ease 0.3s;
}

header.navOpen .nav ul li {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}

header.navOpen .nav ul li:nth-of-type(1) {
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
}

header.navOpen .nav ul li:nth-of-type(2) {
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
}

header.navOpen .nav ul li:nth-of-type(3) {
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}

header.navOpen .nav ul li:nth-of-type(4) {
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
}

header.navOpen .nav ul li:nth-of-type(5) {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
}

header.navOpen .nav ul li:nth-of-type(6) {
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
}
header.navOpen .nav ul li:nth-of-type(7) {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
}

header .nav {
	background: #fff;
	padding: 100px 20px 0;
	position: absolute;
	top: -500px;
	
	left: 0;
	z-index: 1;
	width: 100%;
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	text-align: center;
}

header .nav .line {
	height: 1px;
	width: 0;
	background: #dedede;
}

header .nav .nav-ul1 {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

header .nav .nav-ul1 li {
	float: left;
	padding: 15px 0;
	width: 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(40%);
	-ms-transform: translateY(40%);
	-o-transform: translateY(40%);
	transform: translateY(40%);
	text-align: center;
}

header .nav .nav-ul1 li a {
	display: block;
	position: relative;
	font-size: 16px;
	color: #5D5D5D;
}
header .nav .nav-ul1 li a:hover{
	color: #000;
}
header .nav .nav-ul2 {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-top: 20px;
}

header .nav .nav-ul2 li {
	float: left;
	width: 200px;
	text-align: center;
	padding: 5px 60px;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(40%);
	-ms-transform: translateY(40%);
	-o-transform: translateY(40%);
	transform: translateY(40%);
}

header .nav .nav-ul2 li a {
	display: block;
	height: 30px;
	width: 100%;
	line-height: 30px;
	font-size: 14px;
	padding-bottom: 2px;
	overflow: hidden;
	position: relative;
	color: #999;
	padding: 0 5px;
}

header .nav .nav-ul2 li a:after {
	position: absolute;
	content: "";
	width: 100%;
	left: -100%;
	height: 1px;
	background: #999;
	bottom: 1px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

header .nav .nav-ul2 li a:hover:after {
	left: 0;
}


/*footer*/

footer {
	background: #f5f5f5;
	padding-top: 70px;
	position: relative;
	z-index: 2;
	text-align: center;
}

footer .img {
	display: inline-block;
	margin-bottom: 40px;
}

footer .foot-nav {
	width: 1400px;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	text-align: center;
	margin: 0 auto 40px;
	position: relative;
}

footer .foot-nav ul {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

footer .foot-nav ul li {
	float: left;
}

footer .foot-nav ul li a {
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #999;
	display: block;
	padding: 0 45px;
}

footer .foot-nav ul li a:hover {
	color: #666;
}

footer .foot-nav .zhiding {
	position: absolute;
	right: 25px;
	top: 0;
	width: 40px;
	height: 100%;
	background: url(../images/zhiding.png) no-repeat center center;
	cursor: pointer;
}

footer .footer-links {
	text-align: center;
}

footer .footer-links ul {
	display: inline-block;
	padding-bottom: 30px;
}

footer .footer-links ul li {
	float: left;
}

footer .footer-links ul li a {
	display: block;
	width: 52px;
	height: 52px;
	margin: 0 20px;
	background: url(../images/footer-wx.png) no-repeat center center;
	border: 1px solid #c7af82;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: relative;
}

footer .footer-links ul li a .ewm {
	position: absolute;
	width: 150px;
	height: 150px;
	top: -180px;
	left: 50%;
	margin-left: -75px;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}

footer .footer-links ul li a .ewm img {
	width: 100%;
	height: 100%;
}

footer .footer-links ul li a .ewm:after {
	content: "";
	position: absolute;
	border-top: 10px solid #fff;
	border-left: 7px solid transparent;
	bottom: -9px;
	border-right: 7px solid transparent;
	left: 50%;
	margin-left: -7px;
}

footer .footer-links ul li a:after {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -30px;
	font-size: 14px;
	color: #c7af82;
	left: 0;
	content: "";
	display: none;
}

footer .footer-links ul li.wx a {
	background-image: url(../images/footer-wx.png);
}

footer .footer-links ul li.wx a:after {
	content: "微信";
}

footer .footer-links ul li.wb a {
	background-image: url(../images/footer-wb.png);
}

footer .footer-links ul li.wb a:after {
	content: "微博";
}

footer .footer-links ul li.dz a {
	background-image: url(../images/footer-dz.png);
}

footer .footer-links ul li.dz a:after {
	content: "地址";
}

footer .footer-links ul li.jxs a {
	background-image: url(../images/footer-jxs.png);
}

footer .footer-links ul li.jxs a:after {
	content: "经销商";
}

footer .footer-links ul li:hover a {
	border-width: 0;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

footer .footer-links ul li:hover a .ewm {
	visibility: visible;
	top: -160px;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}

footer .footer-links ul li:hover a:after {
	display: block;
}

footer .footer-phone {
	text-align: center;
	padding: 30px 0 50px;
}

footer .footer-phone img {
	display: inline-block;
	margin: 0 2%;
}

footer .footer-bottom {
	padding: 15px;
	background: #333333;
	text-align: center;
}

footer .footer-bottom ul {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

footer .footer-bottom ul li {
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	color: #b3b3b3;
	padding: 0 50px;
	border-right: 1px solid #87898c;
	text-transform: uppercase;
}

footer .footer-bottom ul li:last-child {
	border: 0;
}

footer .footer-bottom ul li a {
	color: #B3B3B3;
}

footer .footer-bottom ul li a:hover {
	color: #007AFF;
}


/*model*/

.model {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.66);
	top: 0;
	left: 0;
	z-index: 101;
	display: none;
}

.model.show {
	display: block;
}


/*banner漂浮点*/

.tracker {
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 20%;
	display: none;
}

.tracker.show {
	display: block;
}

.tracker svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.tracker line {
	stroke: #fff;
	stroke-width: 1px;
	stroke-dasharray: 245;
	stroke-dashoffset: -3;
}

.tracker .pointer {
	width: 62px;
	height: 62px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.tracker:hover .dot {
	transform: translate(-50%, -50%) scale(1.2);
}

.tracker:hover line {
	stroke-dasharray: 245;
	stroke-dashoffset: -5;
}


/*圈圈的缩放*/

@keyframes sf {
	from {
		opacity: .23;
		transform: translate3d(-36px, -36px, 0) scale(1);
	}
	to {
		opacity: .8;
		transform: translate3d(-36px, -36px, 0) scale(0.9);
	}
}

.tracker .pointer .pulse {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	border: 1px solid rgba(255, 255, 255, 0.23);
	border-radius: 100%;
	transform: translate3d(-36px, -36px, 0);
	animation: sf .8s ease infinite alternate;
}

.tracker .pointer .dot {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 26px;
	transform: translate(-50%, -50%);
	border: 1px solid #fff;
	border-radius: 50%;
	transition-duration: .6s;
	-webkit-transition-duration: .05s;
}

.tracker .pointer .product-bubble {
	position: absolute;
	bottom: 50%;
	right: -20px;
	margin-bottom: -200px;
	display: none;
	width: 340px;
	height: 508px;
	background-color: #fff;
	transition-duration: .8s;
	box-shadow: 0 0 40px 0 rgba(255, 255, 255, 0.3);
}

.tracker .pointer .product-bubble .inner {
	padding: 70px 28px;
	text-align: center;
}

.tracker .pointer .product-bubble .inner .product-img {
	width: 280px;
	height: 175px;
	margin: 0 auto;
	margin-bottom: 5px;
}

.pointer .product-bubble .inner .product-title {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}

.tracker .pointer .product-bubble .inner .product-description {
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	padding: 10px 0;
}

.tracker .pointer .product-bubble .inner .product-detail {
	position: relative;
	display: inline-block;
	margin-top: 42px;
	width: 165px;
	height: 44px;
	color: #000;
	border: 1px solid #000;
	font-size: 14px;
	line-height: 44px;
	text-transform: uppercase;
	text-decoration: none;
}

.tracker .pointer .product-bubble .inner .product-detail .hover_container {
	position: absolute;
	top: 0;
	left: -2px;
	width: 167px;
	height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 0;
	overflow: hidden;
	box-sizing: border-box;
	transition-duration: .8s;
}

.tracker .pointer .product-bubble .inner .product-detail .hover_container .label {
	color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	line-height: 40px;
}

.tracker .pointer .product-bubble .inner .product-detail .hover_container .background {
	background: #000;
	position: absolute;
	width: 200px;
	height: 300px;
	top: -100px;
	right: 120%;
	transform: rotate(45deg);
	transition-duration: .8s;
}

.tracker .pointer .product-bubble .inner .product-detail:hover .hover_container {
	opacity: 1;
}

.tracker .pointer .product-bubble .inner .product-detail:hover .hover_container .background {
	top: -100px;
	right: 0;
}


/*banner*/

.banner-box {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.banner {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}

.banner .swiper-wrapper {
	/*图片和文字*/
	transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.banner .swiper-wrapper .swiper-slide {
	overflow: hidden;
}

.banner .swiper-wrapper .swiper-slide .line-jd {
	width: 100%;
	height: 5px;
	position: absolute;
	top: 0;
	left: -100%;
	background: #d8a450;
	z-index: 2;
}

.banner .swiper-wrapper .swiper-slide.cur .line-jd {
	left: 0;
	transition: all 7s ease 0s;
	-webkit-transition: all 7s ease 0s;
	-moz-transition: all 7s ease 0s;
	-o-transition: all 7s ease 0s;
}

.banner .swiper-wrapper .swiper-slide .bgs {
	width: 100%;
	height: 100%;
	background: url(../images/banner1.jpg) no-repeat center center;
	background-size: cover;
	transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	position: relative;
	z-index: 1;
}

/*.banner .swiper-wrapper .swiper-slide .bgs:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 0;
}*/

.banner .swiper-wrapper .swiper-slide .banner-text {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	perspective: 800;
	-webkit-perspective: 800;
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box {
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	display: block;
	min-width: 600px;
	text-align: center;
	color: #fff;
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box div {
	transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	opacity: 0;
	filter: alpha(opacity=0);
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text1 {
	font-size: 70px;
	font-weight: bold;
	font-family: Adobe Devanagar;
	text-transform: uppercase;
	line-height: 1.3em;
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text2 {
	font-size: 24px;
	font-family: "黑体";
	line-height: 1.5em;
	margin-bottom: 10px;
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text3 {
	display: inline-block;
	border: 1px solid #fff;
	padding: 4px 20px;
	font-family: Adobe Devanagar;
	text-transform: uppercase;
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1 {
	perspective: 800;
	-webkit-perspective: 800;
	visibility: hidden;
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim {
	visibility: visible;
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim .text1 {
	animation: textShow1 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-webkit-animation: textShow1 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-moz-animation: textShow1 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim .text2 {
	animation: textShow2 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-webkit-animation: textShow2 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-moz-animation: textShow2 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim .text3 {
	animation: textShow3 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-webkit-animation: textShow3 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-moz-animation: textShow3 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
}

@media screen and (min-width:1200px) {
	.banner .swiper-wrapper .swiper-slide .banner-text .text-box:hover {
		-webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
		-ms-transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
		-o-transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
		transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
	}
}

@-webkit-keyframes textShow1 {
	0% {
		-webkit-transform: translate3d(0, 0, 300px);
		-ms-transform: translate3d(0, 0, 300px);
		-o-transform: translate3d(0, 0, 300px);
		transform: translate3d(0, 0, 300px);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-moz-keyframes textShow1 {
	0% {
		-webkit-transform: translate3d(0, 0, 300px);
		-ms-transform: translate3d(0, 0, 300px);
		-o-transform: translate3d(0, 0, 300px);
		transform: translate3d(0, 0, 300px);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-o-keyframes textShow1 {
	0% {
		-webkit-transform: translate3d(0, 0, 300px);
		-ms-transform: translate3d(0, 0, 300px);
		-o-transform: translate3d(0, 0, 300px);
		transform: translate3d(0, 0, 300px);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes textShow1 {
	0% {
		-webkit-transform: translate3d(0, 0, 300px);
		-ms-transform: translate3d(0, 0, 300px);
		-o-transform: translate3d(0, 0, 300px);
		transform: translate3d(0, 0, 300px);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes textShow2 {
	0% {
		-webkit-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		-o-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-moz-keyframes textShow2 {
	0% {
		-webkit-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		-o-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-o-keyframes textShow2 {
	0% {
		-webkit-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		-o-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes textShow2 {
	0% {
		-webkit-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		-o-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes textShow3 {
	0% {
		-webkit-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		-o-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-moz-keyframes textShow3 {
	0% {
		-webkit-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		-o-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-o-keyframes textShow3 {
	0% {
		-webkit-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		-o-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes textShow3 {
	0% {
		-webkit-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		-o-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box2 .text1 {
	-webkit-transform: translate3d(50%, 0, 50px);
	-ms-transform: translate3d(50%, 0, 50px);
	-o-transform: translate3d(50%, 0, 50px);
	transform: translate3d(50%, 0, 50px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-weikit-transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box2 .text2 {
	-webkit-transform: translate3d(40%, 0, 50px);
	-ms-transform: translate3d(40%, 0, 50px);
	-o-transform: translate3d(40%, 0, 50px);
	transform: translate3d(40%, 0, 50px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 2.2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-weikit-transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box2 .text3 {
	-webkit-transform: translate3d(30%, 0, 0);
	-ms-transform: translate3d(30%, 0, 0);
	-o-transform: translate3d(30%, 0, 0);
	transform: translate3d(30%, 0, 0);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-weikit-transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.banner .swiper-wrapper .swiper-slide.swiper-slide-active .bgs {
	-webkit-transform: scale(1) translate3d(0, 0, 0);
	-ms-transform: scale(1) translate3d(0, 0, 0);
	-o-transform: scale(1) translate3d(0, 0, 0);
	transform: scale(1) translate3d(0, 0, 0);
}

.banner .swiper-wrapper .swiper-slide.swiper-slide-active .banner-text .text-box .text1,
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .banner-text .text-box .text2,
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .banner-text .text-box .text3 {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	filter: alpha(opacity=100);
}

.banner .swiper-wrapper .swiper-slide.swiper-slide-prev .bgs {
	-webkit-transform: scale(1.2) translate3d(50%, 0, 0);
	-ms-transform: scale(1.2) translate3d(50%, 0, 0);
	-o-transform: scale(1.2) translate3d(50%, 0, 0);
	transform: scale(1.2) translate3d(50%, 0, 0);
}

.banner .swiper-wrapper .swiper-slide.swiper-slide-next .bgs {
	-webkit-transform: scale(1.2) translate3d(-50%, 0, 0);
	-ms-transform: scale(1.2) translate3d(-50%, 0, 0);
	-o-transform: scale(1.2) translate3d(-50%, 0, 0);
	transform: scale(1.2) translate3d(-50%, 0, 0);
}

.banner .swiper-wrapper .swiper-slide.b1 .text-box {
	-webkit-transform: rotate3d(1, 0, 0, 30deg);
	-ms-transform: rotate3d(1, 0, 0, 30deg);
	-o-transform: rotate3d(1, 0, 0, 30deg);
	transform: rotate3d(1, 0, 0, 30deg);
}

.banner .swiper-wrapper .swiper-slide.b2 .text-box {
	-webkit-transform: rotate3d(1, 0, 0, 30deg);
	-ms-transform: rotate3d(1, 0, 0, 30deg);
	-o-transform: rotate3d(1, 0, 0, 30deg);
	transform: rotate3d(1, 0, 0, 30deg);
}

.banner .swiper-wrapper .swiper-slide.b3 .text-box {
	-webkit-transform: rotate3d(1, 0, 0, 30deg);
	-ms-transform: rotate3d(1, 0, 0, 30deg);
	-o-transform: rotate3d(1, 0, 0, 30deg);
	transform: rotate3d(1, 0, 0, 30deg);
}

.banner .banner-page {
	/*页码*/
	position: absolute;
	z-index: 10;
	width: 130px;
	height: 20px;
	bottom: 50px;
	right: 100px;
}

.banner .banner-page span {
	line-height: 20px;
	width: 20px;
	height: 100%;
	display: inline-block;
	text-align: center;
	color: #000;
	position: relative;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
}

.banner .banner-page span.b_l {
	background: url(../images/banner-l.png) no-repeat center center;
	cursor: pointer;
}

.banner .banner-page span.of {
	width: 30px;
	background: url(../images/banner-of.png) no-repeat center center;
}

.banner .banner-page span.b_r {
	background: url(../images/banner-r.png) no-repeat center center;
	cursor: pointer;
}


/*内页导航*/

.banner-in {
	position: relative;
	height: 780px;
	text-align: center;
	background: no-repeat fixed center center;
	background-size: auto 100%;
	z-index: 0;
}

.banner-in:after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 0;
	left: 0;
	top: 0;
	content: "";
}

.banner-in .banner-mask {
	position: fixed;
	top: 340px;
	left: 0;
	width: 100%;
	z-index: 1;
}

.banner-in .banner-mask img {
	display: inline-block;
}

.banner-in .banner-mask .tabs-btn {
	margin-top: 82px;
}

.banner-in .banner-mask .tabs-btn a {
	display: inline-block;
	margin: 0 13px;
	width: 232px;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	font-family: '黑体';
}

.banner-in .banner-mask .tabs-btn a:hover,
.banner-in .banner-mask .tabs-btn a.active {
	color: #000;
	background-color: #fff;
}


/*index*/

.home-body {
	/*主题内容*/
	/*产品*/
	/*其他*/
}

.home-body .main {
	position: relative;
	z-index: 1;
	background: #fff;
}

.home-body .main:after {
	display: table;
	content: "";
}

.home-body .main-product {
	padding: 60px 0;
	background: #f0f0f0;
}

.home-body .main-product .Tits {
	text-align: center;
	margin-bottom: 50px;
}

.home-body .main-product .Tits img {
	display: inline-block;
}

.home-body .main-product .boxs {
	width: 1400px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.home-body .main-product .boxs li {
	width: 33.3%;
	float: left;
	padding: 10px;
	height: 320px;
}

.home-body .main-product .boxs li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}

.home-body .main-product .boxs li a>div {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}

.home-body .main-product .boxs li a>div .img-box {
	height: 90%;
	background: no-repeat 50% center;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}

.home-body .main-product .boxs li a>div span {
	color: #333;
	font-size: 14px;
	display: block;
	height: 10%;
	width: 100%;
	text-align: center;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	line-height: 60px;
}
.main-product .more1{
	display: block;
	margin: 0 auto;
	width: 8%;
	line-height: 36px;
	border: 1px solid #999;
	text-align: center;
}
.main-product .more1:hover{
	border: 1px solid #000;
	color: #fff;
	background: #000;
	transition: all 0.5s ease-out;
}
.home-body .main-product .boxs li a>div.box-f {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 1;
	filter: alpha(opacity=0);
	height: 90%;
}

.home-body .main-product .boxs li a>div.box-f .img-box {
	height: 100%;
}

.home-body .main-product .boxs li a>div.box-f span {
	
}

@media only screen and (min-width:1200px) {
	.home-body .main-product .boxs li a:hover {
		box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
	}
	/*.home-body .main-product .boxs li a:hover>div.box-z .img-box {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}*/
	.home-body .main-product .boxs li a:hover>div span {
		color: #c7af82;
	}
	/*.home-body .main-product .boxs li a:hover>div.box-f {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}*/
}


.home-body .main-other .others {
	margin-bottom: 100px;
	height: 630px;
	/*首页标题*/
	/*正文*/
	/*查看更多*/
}

.home-body .main-other .others .text {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin: 40px 0 20px;
}

.home-body .main-other .others .more {
	position: relative;
	display: block;
	overflow: hidden;
	width: 155px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	
	border: 1px solid #fff;
}

.home-body .main-other .others .more span {
	position: absolute;
	z-index: 1;
	width: 100%;
	text-align: center;
	left: 0;
	top: 0;
	height: 100%;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}

.home-body .main-other .others .more:before {
	position: absolute;
	content: "";
	background: #000;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;
	z-index: 0;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}

.home-body .main-other .others .more:hover span {
	color: #fff;
}

.home-body .main-other .others .more:hover:before {
	left: 0;
}

.home-body .main-other .other1 {
	background: url(../images/production-bg.jpg) no-repeat fixed center center;
	background-size: cover;
	position: relative;
}

.home-body .main-other .other1:after {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 0;
}

.home-body .main-other .other1 .content {
	width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.home-body .main-other .other1 .content-r {
	width: 50%;
	float: right;
	padding-left: 40px;
	padding-top: 10%;
}

.home-body .main-other .other2 {
	width: 1400px;
	margin: 0 auto 100px;
	background: url(../images/Centre-bg.jpg) no-repeat right center;
	background-size: 50% 100%;
	position: relative;
}

.home-body .main-other .other2:after {
	content: "";
	position: absolute;
	width: 65px;
	height: 490px;
	left: 50%;
	top: 50%;
	margin-top: -245px;
	background: #fff;
	z-index: 0;
}

.home-body .main-other .other2 .content {
	position: absolute;
	width: 50%;
	height: 490px;
	left: 0;
	top: 50%;
	margin-top: -245px;
	padding: 50px 60px 0;
	z-index: 1;
	background: #fff
}

.home-body .main-other .other2 .content .tits {
	position: relative;
}

.home-body .main-other .other2 .content .tits .e {
	position: absolute;
	right: 0;
	bottom: 0;
}

.home-body .main-other .other2 .content .text {
	color: #666;
}
.home-body .main-other .other2 .news_text ul li{
	font-size: 14px;
	line-height: 36px;
}
.home-body .main-other .other2 .content .more {
	color: #333;
	border-color: #000;
}

.home-body .main-other .other3 {
	position: relative;
	background: url(../images/index-bg3.jpg) no-repeat left top;
	background-size: 42% auto;
	margin: 0;
}

.home-body .main-other .other3:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	right: 0px;
	bottom: 0;
	background: url(../images/index-ng3-2.jpg) no-repeat right 100px;
}

.home-body .main-other .other3 .content {
	position: absolute;
	width: 700px;
	height: 100%;
	left: 45%;
	top: 0;
	z-index: 1;
}

.home-body .main-other .other3 .content .tits {
	position: relative;
	margin-top: 60px;
}

.home-body .main-other .other3 .content .tits .e {
	position: absolute;
	left: 0;
	bottom: 0;
}

.home-body .main-other .other3 .content .text {
	color: #666;
}

.home-body .main-other .other3 .content .more {
	color: #333;
	border-color: #000;
}

.home-body .main-other .other3 .content .bg3 {
	margin-top: 30px;
	margin-left: -150px;
	width: 300px;
}
.in_news_text{
  padding: 20px 10px;
}
.in_news_word{
  float: right;
  width: 80%;

}
.in_news_word span{
  font-size: 13px;
  color: #999;
  display: block;
}
.in_news_word h3{
  font-size: 14px;
  color: #333;
  line-height: 2;
}
.in_news_number{
	float: left;
	padding-top: 10px;
}
.in_news_word p{
  color: #999;
  font-size: 14px;
}
.in_news_text ul li{
  border-bottom: 1px dashed #d9d9d9;
  padding:4.5% 0;

}
.in_news_text ul li a{
  display: block;
   -webkit-transition: ease .3s;
  -o-transition: ease .3s;
  transition: ease .3s;
}
.in_news_text ul li a .in_news_word{
   -webkit-transition: ease .3s;
  -o-transition: ease .3s;
  transition: ease .3s;
}
.in_news_text ul li a .in_news_word p{
   -webkit-transition: ease .5s;
  -o-transition: ease .5s;
  transition: ease .5s;
  overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 1.2rem;
}
.in_news_text ul li a:hover{
  -webkit-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}
.in_news_text ul li a:hover .in_news_word h3{
  color:#C58835;
}

/*about*/

.about .banner-in {
	background-image: url(../images/about-banner.jpg);
}

.about .about-boxs {
	position: relative;
	z-index: 2;
	background: #f5f5f5;
}

.about .tits {
	text-align: center;
	padding: 70px 0 20px;
}

.about .tits img {
	display: inline-block;
}

.about .history {
	/*history*/
}

.about .history .content {
	width: 1400px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding: 70px 0 140px;
}

.about .history .content ul li {
	height: 350px;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
}

.about .history .content ul li .box-l,
.about .history .content ul li .box-r {
	width: 50%;
	float: left;
	height: 100%;
}

.about .history .content ul li .box-l {
	border-right: 1px solid #DDD;
	padding: 40px 0;
	text-align: left;
}

.about .history .content ul li .box-l img {
	height: 100%;
	display: inline-block;
}

.about .history .content ul li .box-r {
	padding: 100px;
	left: 50px;
	text-align: left;
}

.about .history .content ul li .box-r .tit {
	font-size: 36px;
	color: #c7af82;
}

.about .history .content ul li .box-r .text {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

.about .history .content ul li.even .box-r {
	border-right: 1px solid #DDD;
	float: left;
	text-align: right;
}

.about .history .content ul li.even .box-l {
	float: right;
	border: none;
	text-align: right;
}

.about .history .content:after {
	position: absolute;
	content: "";
	width: 50%;
	height: 85px;
	left: 0;
	bottom: 85px;
	border-right: 1px solid #DDD;
}

.about .history .content .lx {
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -26px;
}

.about .history .content .lx.lingxing2 {
	top: auto;
	bottom: 35px;
	cursor: pointer;
}

.about .history .content .lx .down1 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -3px;
	margin-left: -7px;
	animation: arrowDown1 1s linear 0s infinite normal;
	-webkit-animation: arrowDown1 1s linear 0s infinite normal;
	-moz-animation: arrowDown1 1s linear 0s infinite normal;
}

@-webkit-keyframes arrowDown1 {
	0% {
		margin-top: -4px;
	}
	100% {
		margin-top: 0;
	}
}

@-moz-keyframes arrowDown1 {
	0% {
		margin-top: -4px;
	}
	100% {
		margin-top: 0;
	}
}

@-o-keyframes arrowDown1 {
	0% {
		margin-top: -4px;
	}
	100% {
		margin-top: 0;
	}
}

@keyframes arrowDown1 {
	0% {
		margin-top: -4px;
	}
	100% {
		margin-top: 0;
	}
}

.about .culture {
	/*公司文化*/
}

.about .culture .box {
	width: 1400px;
	margin: 50px auto;
	overflow: hidden;
	margin-bottom: 110px;
	height: 455px;
}

.about .culture .box .img-box {
	width: 57%;
	float: right;
	position: relative;
	height: 100%;
}

.about .culture .box .img-box img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.about .culture .box .img-box:after {
	width: 80%;
	height: 90%;
	content: "";
	border: 3px solid #c7af82;
	bottom: 0;
	right: 0;
	z-index: 0;
	position: absolute;
}

.about .culture .box .text-box {
	float: left;
	width: 40%;
	height: 100%;
	position: relative;
}

.about .culture .box .text-box .middle-box {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

.about .culture .box .text-box .stit {
	margin-bottom: 30px;
}

.about .culture .box .text-box .text {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

.about .culture .box .text-box .lx {
	position: absolute;
	left: 0;
	bottom: 0;
}

.about .culture .box.even .img-box {
	float: left;
}

.about .culture .box.even .img-box img {
	left: auto;
	right: 0;
}

.about .culture .box.even .img-box:after {
	right: auto;
	left: 0;
}

.about .culture .box.even .text-box {
	float: right;
}

.about .culture:after {
	display: table;
	content: "";
}

.about .survey {
	/*公司概况*/
}

.about .survey .content {
	width: 1400px;
	margin: 0 auto -70px;
	position: relative;
	background: #fff;
	top: -105px;
}

.about .survey .box1 {
	padding: 40px;
}

.about .survey .box1 img {
	margin-bottom: 10px;
}

.about .survey .box1 div {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

.about .survey .box2 img {
	width: 100%;
}

.about .survey .box3 {
	overflow: hidden;
}

.about .survey .box3 .img-box {
	float: right;
	width: 50%;
}

.about .survey .box3 .img-box img {
	width: 100%;
}

.about .survey .box3 .text-box {
	float: left;
	width: 50%;
	padding: 120px 40px 0;
}

.about .survey .box3 .text-box img {
	margin-bottom: 10px;
}

.about .survey .box3 .text-box div {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}


/*service*/

.service-center .banner-in {
	background-image: url(../images/service-banner.jpg);
}

.service-center .main {
	background: #f5f5f5;
	position: relative;
	z-index: 2;
}

.service-center .main .main1 {
	/*服务流程*/
	background: #fff;
	position: relative;
	top: -100px;
	width: 1400px;
	margin: 0 auto;
}

.service-center .main .main1 .main1-top {
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding: 60px 0;
}

.service-center .main .main1 .main1-bottom {
	overflow: hidden;
}

.service-center .main .main1 .main1-bottom .img-box {
	width: 74%;
	float: left;
	position: relative;
	height: 560px;
}

.service-center .main .main1 .main1-bottom .img-box img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.service-center .main .main1 .main1-bottom .list {
	width: 24%;
	float: right;
	padding: 20px 0;
}

.service-center .main .main1 .main1-bottom .list .tit1 {
	margin: 0 0 20px 10px;
}

.service-center .main .main1 .main1-bottom .list ul li {
	margin: 5px 0;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	cursor: pointer;
}

.service-center .main .main1 .main1-bottom .list ul li .icon {
	width: 60px;
	height: 100%;
	background: no-repeat center center;
	float: left;
}

.service-center .main .main1 .main1-bottom .list ul li .r {
	margin-left: 75px;
}

.service-center .main .main1 .main1-bottom .list ul li.flow1 .icon {
	background-image: url(../images/lc1.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow1.active {
	background-image: url(../images/lc1-hover-bg.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow1.active .icon {
	background-image: url(../images/lc1-hover.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow2 .icon {
	background-image: url(../images/lc2.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow2.active {
	background-image: url(../images/lc2-hover-bg.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow2.active .icon {
	background-image: url(../images/lc2-hover.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow3 .icon {
	background-image: url(../images/lc3.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow3.active {
	background-image: url(../images/lc3-hover-bg.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow3.active .icon {
	background-image: url(../images/lc3-hover.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow4 .icon {
	background-image: url(../images/lc4.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow4.active {
	background-image: url(../images/lc4-hover-bg.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow4.active .icon {
	background-image: url(../images/lc4-hover.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow5 .icon {
	background-image: url(../images/lc5.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow5 .r {
	line-height: 20px;
	padding: 15px 0;
}

.service-center .main .main1 .main1-bottom .list ul li.flow5 .r div {
	font-size: 14px;
}

.service-center .main .main1 .main1-bottom .list ul li.flow5.active {
	background-image: url(../images/lc5-hover-bg.png);
}

.service-center .main .main1 .main1-bottom .list ul li.flow5.active .icon {
	background-image: url(../images/lc5-hover.png);
}

.service-center .main .main1 .main1-bottom .list ul li.active {
	background-color: #c7af82;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.service-center .main .main1 .main1-bottom .list ul li.active .r {
	color: #fff;
}

.service-center .main .main2 {
	/*问题反馈*/
	text-align: center;
	background: url(../images/problemFeedback-bg.jpg) no-repeat fixed center bottom;
	padding: 20px 0;
}

.service-center .main .main2 .tit {
	padding: 45px 0;
}

.service-center .main .main2 .tit img {
	display: inline-block;
}

.service-center .main .main2 #problemDeedback .input-box {
	width: 660px;
	margin: 0 auto;
	position: relative;
	height: 50px;
	margin-bottom: 30px;
}

.service-center .main .main2 #problemDeedback .input-box input {
	width: 100%;
	height: 100%;
	line-height: 50px;
	color: #999;
	padding: 0 40px 0 20px;
}

.service-center .main .main2 #problemDeedback .input-box.txts {
	height: 200%;
}

.service-center .main .main2 #problemDeedback .input-box.txts textarea {
	width: 100%;
	height: 100%;
	line-height: 40px;
	padding: 10px 20px;
}

.service-center .main .main2 #problemDeedback .submit-btn {
	width: 200px;
	height: 36px;
	line-height: 36px;
	background: #000;
	color: #fff;
	margin: 10px 0 30px;
}

.service-center .main .main3 {
	/*联系我们*/
	padding: 40px 0;
}

.service-center .main .main3 .tit {
	padding: 30px 0;
	text-align: center;
}

.service-center .main .main3 .tit img {
	display: inline-block;
}

.service-center .main .main3 .content {
	width: 1400px;
	margin: 0 auto;
	background: #fff;
}

.service-center .main .main3 .content .information {
	padding: 30px 40px;
	overflow: hidden;
}

.service-center .main .main3 .content .information ul {
	float: left;
}

.service-center .main .main3 .content .information ul li {
	font-size: 16px;
	color: #333;
	line-height: 36px;
	padding-left: 40px;
	background: no-repeat left center;
}

.service-center .main .main3 .content .information ul li.address {
	background-image: url(../images/service-address.png);
}

.service-center .main .main3 .content .information ul li.phone {
	background-image: url(../images/service-phone.png);
}

.service-center .main .main3 .content .information ul li.email {
	background-image: url(../images/service-email.png);
	text-transform: uppercase;
}

.service-center .main .main3 .content .information .ewms {
	float: right;
}

.service-center .main .main3 .content .information .ewms .ewm-box {
	float: left;
	margin-left: 20px;
}

.service-center .main .main3 .content .information .ewms .ewm-box img {
	margin: 0 auto;
	display: block;
}

.service-center .main .main3 .content .information .ewms .ewm-box span {
	font-size: 12px;
	color: #000;
	margin-top: 10px;
}

.service-center .main .main3 .content .map {
	width: 100%;
	height: 600px;
}


/*新闻详情页*/

.newsDel {
	background: #fff;
}


/*****************************************************************************************/

a {
	text-decoration: none;
	color: #3E3E3E;
}

img {
	display: inline-block;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
select {
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 1.6rem;
}

.clearfix {
	clear: both;
}


/*详情页弹出层*/

.show-list {
	position: fixed;
	background-color: #fff;
	z-index: 100;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
	visibility: hidden;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: perspective(800px) rotateX(180deg) rotateY(180deg) scale(1);
	-webkit-transform: perspective(800px) rotateX(180deg) rotateY(180deg) scale(1);
	transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;
	-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;
}

.show-list.show {
	transform: none;
	-webkit-transform: none;
	opacity: 1;
	visibility: visible;
}

.show-list.show .close-pop {
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-delay: .8s;
	-webkit-transition-delay: .8s;
}

.show-list.show .sbtips {
	opacity: 1;
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 1s;
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 1s;
}

.show-list.show .swiper-container {
	opacity: 1;
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 1s;
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 1s;
}

.show-list .img-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}

.show-list .sbtips {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -120px;
	margin-top: -66px;
	padding: 40px;
	width: 160px;
	height: 52px;
	box-sizing: content-box;
	text-align: center;
	color: #fff;
	opacity: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 10;
	font-size: 24px;
}

.show-list .sbtips span {
	font-size: 14px;
}

.show-list .close-pop {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 51px;
	height: 51px;
	background-color: #c7af82;
	z-index: 10;
	text-align: center;
	border-radius: 50%;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	cursor: pointer;
}

.show-list .close-pop:hover img {
	transform: rotate(180deg);
}

.show-list .close-pop img {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-top: 12px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.show-list .swiper-container {
	height: 100vh;
	width: 100vw;
	opacity: 0;
	-webkit-filter: brightness(200%);
	filter: brightness(200%);
	margin: 0 auto;
}

.show-list .swiper-container .imagesBox {
	height: 100%;
	background-repeat: no-repeat;
	background: no-repeat center center;
	background-color: #fff;
}

.show-list .swiper-wrapper {
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
	-mox-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
}

.show-list .swiper-container .swiper-slide {
	-webkit-filter: brightness(200%);
	filter: brightness(200%);
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
}

.show-list .swiper-container .swiper-slide.swiper-slide-active {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
}

.show-list .swiper-container .my-btn {
	width: 51px;
	height: 51px;
	background-size: auto;
	border-radius: 50%;
	border: 1px solid #c7af82;
	background-color: #c7af82;
}

.show-list .swiper-container .my-btn:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.show-list .swiper-container .prev {
	background-image: url(../images/arrow-left.png);
}

.show-list .swiper-container .next {
	background-image: url(../images/arrow-right.png);
	right: 25px;
}

.show-list .swiper-pagination {
	bottom: 20px;
	color: #fff;
}

.show-list .go_shop {
	position: absolute;
	left: 40px;
	line-height: 26px;
	font-size: 18px;
	color: #3e3e3e;
	bottom: 40px;
	z-index: 1;
}

.show-list .go_shop img {
	vertical-align: middle;
	margin-right: 10px;
}

.show-list .go_shop span {
	vertical-align: middle;
}


/*
 *scene
 * 
 */

.scene-body {
	background-color: #f5f5f5;
}

.center1400 {
	margin: 0 auto;
	width: 1400px;
}

.theme-title {
	padding-top: 72px;
	margin-bottom: 36px;
	text-align: center;
}

.theme-title img {
	display: inline-block;
}

.scene-main {
	background-color: #f5f5f5;
	position: relative;
	z-index: 1;
}

.scene-box .col-md-6 {
	padding: 0 10px;
}

.scene-box .scene-category {
	position: relative;
	margin-bottom: 42px;
	display: block;
	overflow: hidden;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.scene-box .scene-category>img {
	width: 100%;
	-webkit-filter: blur(2px);
	filter: blur(2px);
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.scene-box .scene-category .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.scene-box .scene-category .text-box {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -141px;
	margin-left: -332px;
	width: 664px;
	height: 282px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.41);
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.scene-box .scene-category .text-box h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -56px;
	margin-left: -158px;
	padding-top: 24px;
	width: 316px;
	height: 112px;
	line-height: 36px;
	font-size: 3.0rem;
	color: #fff;
}

.scene-box .scene-category .text-box h3 span {
	display: block;
	font-size: 1.8rem;
}

.scene-box .scene-category:hover {
	box-shadow: 0 0 15px 1px #999;
}

.scene-box .scene-category:hover>img {
	filter: none;
	-webkit-filter: none;
}

.scene-box .scene-category:hover .bg {
	top: 50%;
	left: 50%;
	margin-top: -64px;
	margin-left: -165px;
	width: 330px;
	height: 128px;
	background-color: #000;
	opacity: .5;
}

.scene-box .scene-category:hover .text-box {
	margin-left: -157px;
	margin-top: -56px;
	width: 314px;
	height: 112px;
}


/*
 * 
 * scene-details
 */

.banner-in.scene-detail-banner {}

.scene-detai-body {
	background-color: #f5f5f5;
}

.scene-detail-main {
	margin-top: -104px;
	padding-bottom: 40px;
	position: relative;
	z-index: 1;
	background-color: #f5f5f5;
}

.scene-detail-main .theme {
	margin-bottom: 40px;
	padding: 66px 0;
	text-align: center;
	background-color: #fff;
	font-size: 1.4rem;
	line-height: 24px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
}

.scene-detail-main .box {
	position: relative;
	margin-bottom: 24px;
	background-color: #fff;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
}

.scene-detail-main .box:hover {
	box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
}

.scene-detail-main .box:last-child {
	margin-bottom: 0;
}

.scene-detail-main .box .img-box {
	box-sizing: content-box;
	padding: 70px 0 50px;
	width: 65%;
	height: 388px;
	line-height: 388px;
	border-right: 1px solid #ececec;
	text-align: center;
}

.scene-detail-main .box .img-box img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	max-width: 90%;
}

.scene-detail-main .box .detail {
	padding-top: 60px;
	padding-right: 30px;
	width: 35%;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 24px;
}

.scene-detail-main .box .detail h2 {
	margin-left: 66px;
	font-size: 3.0rem;
	line-height: 36px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 28px;
}

.scene-detail-main .box .detail .models,
.scene-detail-main .box .detail .product-size,
.scene-detail-main .box .detail .product-color {
	margin-bottom: 28px;
	margin-left: 66px;
	font-size: 1.4rem;
	color: #999;
}

.scene-detail-main .box .detail span {
	font-size: 1.8rem;
	color: #666;
	font-weight: 500;
	text-transform: uppercase;
}

.scene-detail-main .box .detail>a {
	font-size: 14px;
	font-family: "Adobe Devanagari";
	position: relative;
	display: inline-block;
	width: 156px;
	height: 24px;
	line-height: 24px;
	margin-left: 66px;
	color: #333;
	border: 2px solid #000;
	text-transform: uppercase;
	text-align: center;
	overflow: hidden;
}

.scene-detail-main .box .detail>a:hover:before {
	left: 0;
}

.scene-detail-main .box .detail>a:hover span {
	color: #fff;
}

.scene-detail-main .box .detail>a span {
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition-duration: .6s;
	-webkit-transition-duration: .6s;
}

.scene-detail-main .box .detail>a:before {
	position: absolute;
	content: "";
	background: #000;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;
	z-index: 0;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}


/*
 * product
 */

.product-body {
	background-color: #f5f5f5;
}

.product-main {
	position: relative;
	z-index: 1;
	background-color: #f5f5f5;
}

.product-main .tabs {
	margin: 70px auto 0;
	width: 900px;
	height: 130px;
	text-align: center;
	overflow: hidden;
}

.product-main .tabs a {
	display: inline-block;
	width: 100px;
	float: left;
	font-size: 1.4rem;
	line-height: 24px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

@media only screen and (min-width:1200px) {
	.product-main .tabs a:hover {
		color: #c7af82;
	}
	.product-main .tabs a:hover .icon-box .status1 {
		margin-top: -48px;
	}
	.product-main .tabs a:hover .nums {
		width: 80%;
		height: 24px;
		opacity: 1;
	}
}

.product-main .tabs a.active {
	color: #c7af82;
}

.product-main .tabs a.active .icon-box .status1 {
	margin-top: -48px;
}

.product-main .tabs a.active .nums {
	width: 80%;
	height: 24px;
	opacity: 1;
}

.product-main .tabs a.active .icon-box img:first {
	margin-top: -48px;
}

.product-main .tabs a .icon-box {
	margin-bottom: 10px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	overflow: hidden;
}

.product-main .tabs a .icon-box .status1 {
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	height: 48px;
	overflow: hidden;
}

.product-main .tabs a .icon-box .status2 {
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	height: 48px;
}

.product-main .tabs a .icon-box img {
	display: inline-block;
	vertical-align: middle;
}

.product-main .tabs a .nums {
	margin: 0 auto;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	font-size: 1.8rem;
	border-top: 1px solid #c7af82;
	color: #c7af82;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.product-main hr {
	border: none;
	height: 1px;
	background: #dadada;
}

.product-main .show-box {
	overflow: hidden;
}

.product-main .show-box a {
	display: inline-block;
	float: left;
	margin-top: 70px;
	width: 25%;
	color: #000;
}

.product-main .show-box a .pic {
	position: relative;
	height: 152px;
	line-height: 152px;
	text-align: center;
}

.product-main .show-box a .pic img {
	display: inline-block;
	vertical-align: middle;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	max-width: 80%;
	max-height: 80%;
}

.product-main .show-box a .pic .ad {
	transform: scale(.8);
	-webkit-transform: scale(.5);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -125px;
	padding: 36px 30px;
	width: 250px;
	height: 100%;
	border: 10px solid rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 24px;
	color: #000;
	font-weight: 600;
	transition-duration: 1.2s;
	-webkit-transition-duration: 1.2s;
}

.product-main .show-box a .name {
	margin-top: 30px;
	text-align: center;
	font-size: 1.4rem;
	line-height: 24px;
}

.product-main .show-box a .name .type {
	color: #bcbcbc;
	display: inline-block;
	padding: 0 25px;
	border-top: 1px solid #bcbcbc;
}

@media only screen and (min-width:1200px) {
	.product-main .show-box a:hover .pic img {
		opacity: .3;
	}
	.product-main .show-box a:hover .pic .ad {
		opacity: 1;
		transform: none;
		-webkit-transform: none;
	}
}


/*joinUs*/

.joinus-body {
	margin-bottom: -90px;
	background-color: #f5f5f5;
	position: relative;
	z-index: 1;
}

.product-banner {
	background-image: url(../images/about-banner.jpg);
}

.joinus-main {
	position: relative;
	z-index: 1;
	background-color: #f5f5f5;
	top: -92px;
}

.joinus-main .company-introduce {
	padding: 44px 44px 38px 44px;
	font-size: 14px;
	line-height: 24px;
}

.joinus-main .company-introduce .tit {
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 5px;
}

.joinus-main .store-show {
	position: relative;
}

.joinus-main .store-show>img {
	width: 100%;
}

.joinus-main .store-show .control-btn {
	width: 51px;
	height: 51px;
	background-position: center center;
	background-size: auto;
	background-color: #595959;
	cursor: pointer;
}

.joinus-main .store-show .control-btn:hover {
	background-color: #000;
}

.joinus-main .store-show .prev {
	left: 0;
	background-image: url(../images/arrow-left.png);
}

.joinus-main .store-show .next {
	right: 0;
	background-image: url(../images/arrow-right.png);
}

.joinus-main .store-show .select {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -32px;
	margin-left: -110px;
	width: 220px;
	height: 64px;
	z-index: 1;
	cursor: pointer;
}

.joinus-main .store-show .select:hover {
	background-color: #c7af82;
}

.joinus-main .store-show .select:hover select {
	background-color: #c7af82;
}

.joinus-main .store-show .select:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 36px;
	margin-top: -5px;
	width: 14px;
	height: 9px;
	background: url(../images/arrow-down.png) no-repeat center center;
	pointer-events: none;
}

.joinus-main .store-show .select select {
	display: block;
	padding-left: 24px;
	width: 100%;
	height: 64px;
	line-height: 64px;
	background: rgba(0, 0, 0, 0.74);
	font-size: 18px;
	color: #fff;
	text-align: left;
	cursor: pointer;
	outline: none;
	border: none;
	appearance: none;
	-webkit-appearance: none;
}

.joinus-main .stores {
	margin-top: 15px;
}

.joinus-main .stores ul {
	display: none;
}

.joinus-main .stores ul.active {
	display: block;
}

.joinus-main .stores .store-info {
	transition-duration: 1s;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	position: relative;
	margin-bottom: 25px;
	padding-top: 1px;
	height: 140px;
	background-color: #fff;
	color: #2f2f2f;
	z-index: 1;
}

.joinus-main .stores .store-info:hover {
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
}

.joinus-main .stores .store-info .info {
	padding-left: 56px;
	font-size: 14px;
	line-height: 22px;
}

.joinus-main .stores .store-info .info .en {
	margin-top: 20px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.joinus-main .stores .store-info .info .name {
	font-size: 18px;
}

.joinus-main .stores .store-info .info .tel {
	display: none;
}

.joinus-main .stores .store-info .map-link {
	position: absolute;
	top: 0;
	right: 0;
	width: 140px;
	height: 100%;
	border-left: 1px solid #e0e0e0;
	text-align: center;
}

.joinus-main .stores .store-info .map-link a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 140px;
	background: url(../images/MAP1.png)no-repeat center center;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.joinus-main .stores .store-info .map-link a:hover {
	background-image: url(../images/MAP.png);
	background-color: #c7af82;
}

.joinus-main .addMore {
	margin: 55px auto 60px;
	overflow: hidden;
	position: relative;
	display: block;
	width: 156px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #000;
	text-align: center;
	text-transform: uppercase;
	font-family: "Adobe Devanagari";
}

.joinus-main .addMore:hover:before {
	left: 0;
}

.joinus-main .addMore:hover span {
	color: #fff;
}

.joinus-main .addMore span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.joinus-main .addMore:before {
	content: "";
	position: absolute;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}

.joinus-main .apply-to {
	background-color: #fff;
	padding: 60px 0 70px;
	text-align: center;
}

.joinus-main .apply-to .tit {
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 36px;
}

.joinus-main .apply-to form {
	margin: 0 auto;
	width: 656px;
}

.joinus-main .apply-to form>div {
	position: relative;
	margin-bottom: 22px;
	text-align: left;
}

.joinus-main .apply-to form>div .btn_Prompt {
	top: 12px;
	right: -30px;
	bottom: auto;
}

.joinus-main .apply-to form input,
.joinus-main .apply-to form select {
	padding-left: 25px;
	border: 1px solid #d2d2d2;
	outline: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	font-size: 14px;
}

.joinus-main .apply-to .submit-btn {
	margin-top: 40px;
	padding: 0;
	width: 200px;
	height: 35px;
	line-height: 35px;
	background-color: #000;
	color: #fff;
	cursor: pointer;
}

.joinus-main .apply-to form label {
	position: relative;
}

.joinus-main .apply-to form .agency-arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -4px;
	width: 13px;
	height: 8px;
	background: url(../images/select-arrow.png) no-repeat center center;
}


/*
 * 
 * activity-zone
 * 
 * 
 */

.activity-banner {
	background-image: url(../images/Activity-banner.png);
}

.activity-main {
	position: relative;
	margin-top: -92px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
	z-index: 1;
}

.activity-main .box a {
	display: block;
	margin-bottom: 46px;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
	transition-duration: 1s;
}

.activity-main .box:last-of-type a {
	margin-bottom: 0;
}

.activity-main .box a:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

.activity-main .box .description {
	padding: 44px;
	padding-bottom: 38px;
}

.activity-main .box .description h2 {
	font-size: 28px;
	line-height: 50px;
}

.activity-main .box .description .content {
	font-size: 14px;
	line-height: 24px;
}

.activity-main .box a>img {
	display: block;
	max-width: 100%;
}


/*activityDel*/

.activityDel-banner {
	background-image: url(../images/Activity-banner.png);
}


/*
 *custom 
 *
 */

.custom-banner {
	background-image: url(../images/custom-banner.jpg);
}

.custom-main {
	position: relative;
	margin-top: -92px;
	background-color: #f5f5f5;
	z-index: 1;
}

.custom-main .product-show {
	background-color: #fff;
}

.custom-main .product-show .theme {
	padding: 74px 44px 60px 44px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.custom-main .product-show .product-carousel {
	position: relative;
}

.custom-main .product-show .product-carousel .pic-box1 {
	position: relative;
}

.custom-main .product-show .product-carousel .pic-box1>img {
	display: block;
	width: 100%;
}

.custom-main .product-show .product-carousel .pic-box1 .bg {
	position: absolute;
	top: 50%;
	left: 108px;
	margin-top: -172px;
	width: 422px;
	height: 344px;
	background-color: rgba(0, 0, 0, 0.37);
	color: #fff;
}

.custom-main .product-show .product-carousel .pic-box1 .bg .in-text {
	margin: 10px;
	padding: 0 26px;
	height: 324px;
	border: 1px solid #fff;
}

.custom-main .product-show .product-carousel .pic-box1 .bg h3 {
	margin-top: 30px;
	font-size: 48px;
	font-weight: 500;
	text-transform: uppercase;
}

.custom-main .product-show .product-carousel .pic-box1 .bg h3 span {
	display: block;
	margin-top: -10px;
	font-size: 28px;
}

.custom-main .product-show .product-carousel .pic-box1 .bg .cont {
	margin-top: 15px;
	text-align: justify;
	font-size: 14px;
	line-height: 24px;
}

.custom-main .product-show .product-carousel .control-btn {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 51px;
	height: 51px;
	background-color: #919191;
	cursor: pointer;
	background-size: auto;
}

.custom-main .product-show .product-carousel .prev {
	left: 0;
	background-image: url(../images/arrow-left.png);
}

.custom-main .product-show .product-carousel .next {
	right: 0;
	background-image: url(../images/arrow-right.png);
}

.custom-main .custom-method {
	/*overflow: hidden; */
	padding-bottom: 100px;
}

.custom-main .custom-method .tit {
	text-align: center;
	padding: 52px 0 42px;
}

.custom-main .custom-method .fill-form,
.custom-main .custom-method .online-service,
.custom-main .custom-method .hot-line {
	position: relative;
	float: left;
	width: 33%;
	height: 458px;
	text-align: center;
	padding-top: 36px;
	padding-bottom: 40px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.custom-main .custom-method .fill-form form {
	display: inline-block;
	margin-top: 20px;
	width: 80%;
}

.custom-main .custom-method .fill-form form>div {
	position: relative;
	margin-bottom: 22px;
	text-align: left;
}

.custom-main .custom-method .fill-form form>div .btn_Prompt {
	bottom: auto;
	top: 13px;
	left: auto;
	right: -30px;
}

.custom-main .custom-method .fill-form form input,
.custom-main .custom-method .fill-form form select {
	padding-left: 25px;
	border: 1px solid #d2d2d2;
	outline: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	font-size: 14px;
}

.custom-main .custom-method .fill-form label {
	position: relative;
	width: 80%;
}

.custom-main .custom-method .fill-form label .agency-arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -4px;
	width: 13px;
	height: 8px;
	background: url(../images/select-arrow.png) no-repeat center center;
}

.custom-main .custom-method .fill-form label .agency-arrow img {
	display: block;
}

.custom-main .custom-method .fill-form form .submit-btn {
	margin-top: 10px;
	padding-left: 0;
	width: 200px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	background-color: #000;
	outline: none;
	cursor: pointer;
}

.custom-main .custom-method .des {
	margin-top: 80px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}

.custom-main .custom-method .des span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
}

.custom-main .custom-method .online-service a {
	position: absolute;
	display: inline-block;
	bottom: 55px;
	left: 50%;
}

.custom-main .custom-method .online-service a {
	margin-left: -100px;
	width: 200px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	background-color: #000;
}

.custom-main .custom-method .hot-line a {
	position: absolute;
	bottom: 55px;
	left: 0;
	width: 100%;
	font-size: 40px;
	text-align: center;
}

@media only screen and (min-width:1300px) {
	.custom-main .custom-method .fill-form:hover,
	.custom-main .custom-method .online-service:hover,
	.custom-main .custom-method .hot-line:hover {
		background-color: #fff;
		box-shadow: 0 20px 40px 1px rgba(0, 0, 0, 0.1);
	}
}


/*
 * 
 *brand-idea
 */

.brand-banner {
	background-image: url(../images/brand-banner.jpg);
}

.brand-banner .banner-mask {
	top: 45%;
}

.brand-main {
	position: relative;
	z-index: 1;
	background-color: #f5f5f5;
	margin-top: -92px;
}

.brand-main .brand-idea .theme {
	padding: 74px 44px 60px 44px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.brand-main .brand-idea .brand-concept {
	position: relative;
}

.brand-main .brand-idea .brand-concept:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	left: 0;
	top: 0;
	z-index: 0;
}

.brand-main .brand-idea .brand-concept>img {
	width: 100%;
	display: block;
}

.brand-line .brand-material .carousel .pic-wrap img {
	width: 100%;
	display: block;
}

.brand-line .brand-material .carousel .pic-wrap {
	position: relative;
}

.brand-main .brand-idea .brand-concept .idea img {
	max-width: 100%;
}

.brand-main .brand-idea .brand-concept .idea {
	position: absolute;
	left: 50px;
	bottom: 80px;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	z-index: 1;
}

.brand-main .brand-info {
	padding-bottom: 64px;
}

.brand-main .brand-info .tit {
	padding: 74px 44px 60px 44px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.brand-main .brand-info .info-box {
	margin-bottom: 48px;
	height: 460px;
}

.brand-main .brand-info .info-box .info-wrap {
	float: left;
	margin-top: 100px;
	width: 25%;
	text-align: center;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.brand-main .brand-info .info-box .info-wrap a {
	display: block;
	margin: 0 10px;
	padding: 18px 18px 30px 18px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.brand-main .brand-info .info-box .info-wrap:hover {
	margin-top: 0;
}

.brand-main .brand-info .info-box .info-wrap:hover a {
	background-color: #fff;
	box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.08);
	overflow: visible;
}

.brand-main .brand-info .info-box .info-wrap:hover a img {
	opacity: 1;
	height: 165px;
}

.brand-main .brand-info .info-box .info-wrap:hover a .findMore {
	opacity: 1;
	height: 36px;
}

.brand-main .brand-info .info-box .info-wrap:hover a .findMore:before {
	height: 2px;
}

.brand-main .brand-info .info-box .info-wrap a img {
	width: 100%;
	height: 0;
	opacity: 0;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.brand-main .brand-info .info-box .info-wrap a h3 {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}

.brand-main .brand-info .info-box .info-wrap a .date {
	text-align: left;
}

.brand-main .brand-info .info-box .info-wrap a .abstract {
	height: 120px;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}

.brand-main .brand-info .info-box .info-wrap a .findMore {
	position: relative;
	display: block;
	margin-top: 20px;
	text-transform: uppercase;
	text-align: left;
	font-size: 12px;
	line-height: 36px;
	height: 0;
	font-weight: 600;
	opacity: 0;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.brand-main .brand-info .info-box .info-wrap a .findMore:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -18px;
	margin-top: -1px;
	width: 16px;
	height: 0;
	background-color: #000;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
}

.brand-main .brand-info>a {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0 auto;
	width: 156px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #000;
	text-align: center;
	text-transform: uppercase;
}

.brand-main .brand-info>a:hover:before {
	left: 0;
}

.brand-main .brand-info>a:hover span {
	color: #fff;
}

.brand-main .brand-info>a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.brand-main .brand-info>a:before {
	content: "";
	position: absolute;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}

.brand-line {
	position: relative;
	background-color: #f5f5f5;
	z-index: 1;
}

.brand-line .brand-produce {
	padding-top: 62px;
	height: 576px;
	background: url(../images/bg-brand-produce.jpg) no-repeat center center;
	text-align: center;
	box-sizing: content-box;
}

.brand-line .brand-produce .tit {
	text-align: center;
	margin-bottom: 44px;
}

.brand-line .brand-produce .brand-product-line {
	margin-top: 90px;
	height: 320px;
}

.brand-line .brand-produce .line {
	display: inline-block;
	width: 50px;
	height: 1px;
	background-color: #fff;
}

.brand-line .brand-produce .float-box {
	display: inline-block;
	padding-bottom: 40px;
	width: 252px;
	height: 255px;
	vertical-align: middle;
	box-sizing: content-box;
}

.brand-line .brand-produce .float-box:hover {
	background-color: #c7af82;
}

.brand-line .brand-produce .float-box:hover .des {
	opacity: 1;
	height: auto;
}

.brand-line .brand-produce .float-box:hover img {
	margin-top: 45px;
	margin-bottom: 24px;
}

.brand-line .brand-produce .float-box img {
	margin-top: 100px;
	transition-duration: 1.2s;
	-webkit-transition-duration: 1.2s;
}

.brand-line .brand-produce .float-box .des {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	opacity: 0;
	height: 0;
}

.brand-line .brand-material {
	padding-bottom: 100px;
}

.brand-line .brand-material .tit {
	padding: 74px 44px 60px 44px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.brand-line .brand-material .carousel {
	position: relative;
}

.brand-line .brand-material .carousel .pic-wrap img {
	width: 100%;
	display: block;
}

.brand-line .brand-material .carousel .pic-wrap {
	position: relative;
}

.brand-line .brand-material .carousel .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 70px;
	padding-bottom: 42px;
	color: #fff;
}

.brand-line .brand-material .carousel .desc .left {
	width: 80%;
}

.brand-line .brand-material .carousel .desc h3 {
	font-size: 38px;
}

.brand-line .brand-material .carousel .desc .conte {
	margin-top: 15px;
	font-size: 14px;
	line-height: 24px;
}

.brand-line .brand-material .carousel .my-btn {
	top: auto;
	bottom: 55px;
	width: 51px;
	height: 51px;
	background-position: center center;
	background-color: #919191;
	background-size: auto;
	cursor: pointer;
}

.brand-line .brand-material .carousel .my-btn.swiper-button-disabled {
	opacity: 1;
	pointer-events: auto;
}

.brand-line .brand-material .carousel .my-btn:hover {
	background-color: #c7af82;
}

.brand-line .brand-material .carousel .prev-btn {
	left: auto;
	right: 143px;
	background-image: url(../images/arrow-left.png);
}

.brand-line .brand-material .carousel .next-btn {
	right: 90px;
	background-image: url(../images/arrow-right.png);
}

.brand-line .brand-material .carousel .pic-wrap:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(0, 0, 0, .2);
	top: 0;
	left: ;
}


/*
 * brand-info
 * 
 * */

.brand-main .brand-information {
	padding-bottom: 64px;
}

.brand-main .brand-information .tit {
	padding: 74px 44px 60px 44px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.brand-main .brand-information .info-box {
	margin-bottom: 48px;
}

.brand-main .brand-information .info-box .info-wrap {
	float: left;
	margin-top: 40px;
	width: 25%;
	text-align: center;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.brand-main .brand-information .info-box .info-wrap a {
	display: block;
	margin: 0 10px;
	padding: 18px 18px 30px 18px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.brand-main .brand-information .info-box .info-wrap:hover a {
	background-color: #fff;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	overflow: visible;
}

.brand-main .brand-information .info-box .info-wrap a img {
	width: 100%;
	/* height: 0;*/
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.brand-main .brand-information .info-box .info-wrap a h3 {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}

.brand-main .brand-information .info-box .info-wrap a .date {
	text-align: left;
}

.brand-main .brand-information .info-box .info-wrap a .abstract {
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	height: 120px;
}

.brand-main .brand-information .info-box .info-wrap a .findMore {
	position: relative;
	display: block;
	margin-top: 20px;
	height: 36px;
	text-transform: uppercase;
	text-align: left;
	font-size: 12px;
	line-height: 36px;
	font-weight: 600;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.brand-main .brand-information .info-box .info-wrap a .findMore:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -18px;
	margin-top: -1px;
	width: 16px;
	height: 2px;
	background-color: #000;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
}

.brand-main .brand-information>a {
	margin-top: 40px;
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0 auto;
	width: 156px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #000;
	text-align: center;
	text-transform: uppercase;
}

.brand-main .brand-information>a:hover:before {
	left: 0;
}

.brand-main .brand-information>a:hover span {
	color: #fff;
}

.brand-main .brand-information>a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.brand-main .brand-information>a:before {
	content: "";
	position: absolute;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}

@media only screen and (max-width:1450px) {
	.center1400 {
		width: 1200px;
		max-width: 100%;
	}
	/*品牌中心*/
	.brand-line .brand-produce .float-box {
		width: 210px;
	}
	.brand-line .brand-produce .line {
		width: 60px;
	}
	/*产品详细*/
	.scene-detail-main .box .detail h2 {
		margin-left: 40px;
	}
	.scene-detail-main .box .detail .models,
	.scene-detail-main .box .detail .product-size,
	.scene-detail-main .box .detail .product-color {
		margin-left: 40px;
	}
	.scene-detail-main .box .detail>a {
		margin-left: 40px;
	}
}

@media screen and (max-width: 767px) {
	/*产品详细*/
	.scene-detail-main .theme {
		padding: 20px 3%;
	}
	.scene-detail-main .box .img-box {
		padding: 30px 0;
		width: 100%;
		height: auto;
		line-height: normal;
	}
	.scene-detail-main .box .detail {
		position: initial;
		width: 94%;
		padding: 0;
		padding-bottom: 25px;
		margin-left: 3%;
	}
	.scene-detail-main .box .detail h2 {
		margin-left: 20px;
		margin-bottom: 10px;
		font-size: 2.4rem;
	}
	.scene-detail-main .box .detail .models,
	.scene-detail-main .box .detail .product-size,
	.scene-detail-main .box .detail .product-color {
		margin-left: 20px;
		margin-bottom: 10px;
	}
	.scene-detail-main .box .detail>a {
		margin-top: 10px;
		margin-left: 20px;
	}
}


/********************************************************************************************************************************************/

@media screen and (max-width:1450px) {
	footer .foot-nav {
		width: 96%;
	}
	.banner-in {
		height: 100vh;
	}
	/*index*/
	.home-body .main-product .boxs {
		width: 96%;
	}
	.home-body .main-other .other1 .content {
		width: 90%;
	}
	.home-body .main-other .other2 {
		width: 90%;
	}
	.home-body .main-other .other2 .content .tits .e {
		width: 115%;
	}
	.home-body .main-other .other3 .content {
		width: 45%;
		left: 44%;
	}
	.home-body .main-other .other3:after {
		background-size: auto 65%;
	}
	/*公司文化*/
	.about .culture .box {
		width: 96%;
	}
	/*发展历程*/
	.about .history .content {
		width: 96%;
	}
	/*公司概况*/
	.about .survey .content {
		width: 96%;
	}
	/*品牌咨询*/
	.brand-main .brand-information .info-box .info-wrap a {
		margin: 0 5px;
		padding: 15px;
	}
	.brand-main .brand-information .info-box .info-wrap a .findMore {
		left: 3px;
	}
	/*服务中心*/
	.service-center .main .main1 {
		width: 96%;
	}
	.service-center .main .main3 .content {
		width: 96%;
	}
}

@media screen and (max-width:1024px) {
	header .nav-top .memu {
		margin-right: 20px;
	}
	header .nav-top .memu #navToggle {
		left: -40px;
	}
	header .nav .nav-ul1 li {
		width: 140px;
		padding: 20px 0;
	}
	header .nav .nav-ul2 li {
		width: 140px;
		padding: 5px 30px;
	}
	header .nav .nav-ul2 li a:after {
		display: none;
	}
	header .nav {
		height: 380px;
		padding-top: 80px;
	}
	footer .foot-nav ul li a {
		padding: 0 30px;
	}
	.banner-in {
		background-attachment: scroll;
	}
	.banner-in .banner-mask {
		position: absolute;
		top: 40%;
	}
	.banner-in .banner-mask .tabs-btn {
		margin-top: 50px;
	}
	.banner-in .banner-mask .tabs-btn a {
		margin-bottom: 15px;
	}
	/*index*/
	.tracker {
		display: none !important;
	}
	.banner .swiper-wrapper .swiper-slide .line-jd {
		top: auto;
		bottom: 0;
	}
	.home-body .main-product .boxs li {
		height: 200px;
	}
	.home-body .main-other .others {
		margin-bottom: 40px;
	}
	.home-body .main-other .other2 {
		width: 96%;
	}
	.home-body .main-other .other3:after {
		background-position: right bottom;
		background-size: 10% auto;
	}
	.home-body .main-other .other3 .content .tits .e {
		width: 80%;
	}
	.home-body .main-other .other3 {
		background-size: 45% auto;
	}
	.home-body .main-other .other3 .content {
		left: 48%;
	}
	.home-body .main-other .other3 .content .bg3 {
		margin-left: -80%;
		margin-top: 0;
	}
	/*公司文化*/
	.tits img {
		width: 50%;
	}
	.about .culture .box {
		margin: 30px auto 50px;
	}
	.about .culture .box .text-box .stit {
		width: 100%;
	}
	/*发展历程*/
	.about .history .content ul li {
		height: 300px;
	}
	.about .history .content ul li .box-r {
		padding: 60px 5%;
	}
	.about .history .content ul li .box-l img {
		width: 90%;
		height: auto;
	}
	/*公司概况*/
	.about .survey .content {
		top: -50px;
	}
	.about .survey .box3 .text-box,
	.about .survey .box3 .img-box {
		float: none;
		width: 100%;
	}
	.about .survey .box3 .text-box {
		padding: 40px;
	}
	/*活动专区*/
	.center1400 {
		width: 96%;
	}
	/*品牌中心*/
	.brand-main .brand-info .info-box .info-wrap {
		margin-top: 0;
	}
	.brand-main .brand-info .info-box .info-wrap a {
		background-color: #fff;
		box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.08);
		overflow: visible;
		margin: 0 5px;
		padding: 10px 10px 30px;
	}
	.brand-main .brand-info .info-box .info-wrap a h3 {
		font-size: 18px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.brand-main .brand-info .info-box .info-wrap a img {
		opacity: 1;
		height: 165px;
	}
	.brand-main .brand-info .info-box .info-wrap a .findMore {
		opacity: 1;
		height: 36px;
		margin-left: 8px;
	}
	.brand-main .brand-info .info-box .info-wrap a .findMore:before {
		height: 2px;
	}
	.brand-main .brand-info .tit,
	.brand-line .brand-produce .tit {
		padding: 60px 0 40px;
		width: 70%;
		margin: 0 auto;
	}
	.brand-line .brand-produce {
		background-size: cover;
		height: auto;
		overflow: hidden;
	}
	.brand-line .brand-produce .brand-product-line {
		margin-top: 0;
		height: auto;
	}
	.brand-line .brand-produce .line {
		display: none;
	}
	.brand-line .brand-produce .float-box {
		background-color: #c7af82;
		margin: 0 25px 25px;
	}
	.brand-line .brand-produce .float-box .des {
		opacity: 1;
		height: auto;
	}
	.brand-line .brand-produce .float-box img {
		margin-top: 45px;
		margin-bottom: 24px;
	}
	.brand-line .brand-material .carousel .my-btn {
		width: 40px;
		height: 40px;
	}
	.brand-line .brand-material .carousel .prev-btn {
		right: 90px;
	}
	.brand-line .brand-material .carousel .next-btn {
		right: 40px;
	}
	/*品牌咨询*/
	.brand-main .brand-information .info-box .info-wrap a {
		background-color: #fff;
		box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.08);
		overflow: visible;
		margin: 0 5px;
		padding: 10px 10px 30px;
	}
	.brand-main .brand-information .info-box .info-wrap a h3 {
		font-size: 18px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.brand-main .brand-information .info-box .info-wrap a img {
		opacity: 1;
		height: 165px;
	}
	.brand-main .brand-information .info-box .info-wrap a .findMore {
		opacity: 1;
		height: 36px;
		margin-left: 8px;
	}
	.brand-main .brand-information .info-box .info-wrap a .findMore:before {
		height: 2px;
	}
	/*在线定制*/
	.custom-main .custom-method .hot-line a {
		font-size: 26px;
	}
	/*产品*/
	.product-main .show-box a .name {
		margin-top: 0;
	}
	.show-list .swiper-container .imagesBox {
		background-size: 100% auto;
	}
	.show-list .swiper-pagination {
		color: #333;
	}
	.show-list.show .sbtips {
		display: none !important;
	}
	.show-list .go_shop {
		color: #333;
	}
	/*场景*/
	.scene-box {
		width: 100%;
		margin: 0 auto;
	}
	.theme-title {
		padding-top: 36px;
	}
	.scene-box .scene-category {
		margin-bottom: 20px;
	}
	.scene-box .scene-category>img {
		filter: none;
		-webkit-filter: none;
	}
	.scene-box .scene-category .bg {
		top: 50%;
		left: 50%;
		margin-top: -64px;
		margin-left: -165px;
		width: 330px;
		height: 128px;
		background-color: #000;
		opacity: .5;
	}
	.scene-box .scene-category .text-box {
		margin-left: -157px;
		margin-top: -56px;
		width: 314px;
		height: 112px;
	}
	/*场景详情页*/
	.scene-detail-main .box .detail h2 {
		font-size: 2.4rem;
	}
	/*服务中心*/
	.service-center .main .main1 {
		top: 0;
		width: 100%;
	}
	.service-center .main .main1 .main1-top {
		padding: 40px 0;
	}
	.service-center .main .main1 .main1-bottom {
		position: relative;
	}
	.service-center .main .main1 .main1-bottom .list .tit1 img {
		max-width: 100%;
	}
	.service-center .main .main1 .main1-bottom .list ul li .r {
		margin-left: 65px;
	}
	.service-center .main .main1 .main1-bottom .img-box {
		width: 100%;
	}
	.service-center .main .main1 .main1-bottom .list {
		position: absolute;
		z-index: 1;
		right: 0;
		background: rgba(255, 255, 255, .8);
		height: 100%;
	}
	.service-center .main .main3 .content .information {
		padding: 30px 24px;
	}
}

@media only screen and (max-width:768px) {
	header .nav .nav-ul1 li {
		width: 110px;
		padding: 15px 0;
	}
	header .nav .nav-ul2 {
		margin-top: 15px;
	}
	header .nav .nav-ul2 li {
		width: 110px;
		padding: 5px 10px;
	}
	footer .foot-nav ul li a {
		padding: 0 15px;
	}
	.banner-in {
		height: 60vh;
	}
	.banner-in .banner-mask {
		top: 240px;
	}
	.banner-in .banner-mask .tabs-btn a {
		width: 200px;
	}
	/*index*/
	.home-body .main-other .others {
		height: 500px;
	}
	.home-body .main-other .other1 .content-r .tits img {
		width: 100%;
	}
	.home-body .main-other .other2 {
		background-size: auto 100%;
		width: 100%;
	}
	.home-body .main-other .other2:after {
		height: 420px;
		margin-top: -210px;
	}
	.home-body .main-other .other2 .content {
		height: 420px;
		margin-top: -210px;
		padding: 50px 0 0 60px;
		width: 54%;
	}
	.home-body .main-other .other2 .content .tits .e {
		right: -8%;
	}
	.home-body .main-other .other3 .content {
		background: rgba(255, 255, 255, .8);
		padding: 20px;
		width: 60%;
		left: auto;
		right: 10%;
	}
	.home-body .main-other .other3 {
		background-size: 100% auto;
	}
	.home-body .main-other .other3:after,
	.home-body .main-other .other3 .content .bg3 {
		display: none;
	}
	/*公司文化*/
	.about .history .content ul li {
		height: 230px;
	}
	/*活动专区*/
	.activity-main .box .description {
		padding: 30px;
	}
	.activity-main .box .description h2 {
		font-size: 24px;
	}
	/*品牌中心*/
	.brand-main .brand-info .tit,
	.brand-line .brand-produce .tit {
		width: 60%;
		margin: 0 auto;
	}
	.brand-main .brand-info .tit img,
	.brand-line .brand-produce .tit img {
		width: 100%;
	}
	.brand-main .brand-info .info-box {
		overflow: hidden;
		height: auto;
	}
	.brand-main .brand-info .info-box .info-wrap {
		width: 50%;
		margin-bottom: 10px;
	}
	.brand-line .brand-produce .float-box {
		margin: 0 15px 15px;
	}
	/*品牌资讯*/
	.brand-main .brand-information .info-box .info-wrap {
		width: 50%;
		margin-bottom: 10px;
	}
	/*在线定制*/
	.custom-main .custom-method {
		padding-bottom: 0;
	}
	.custom-main .product-show .theme {
		padding: 50px 40px;
	}
	.custom-main .product-show .product-carousel .pic-box1 .bg .in-text {
		height: 94%;
		top: 0;
		margin: 2%;
	}
	.custom-main .product-show .product-carousel .pic-box1 .bg {
		height: 100%;
		top: 0;
		margin: 0;
	}
	.custom-main .product-show .product-carousel .pic-box1 .bg h3 {
		font-size: 30px;
	}
	.custom-main .product-show .product-carousel .pic-box1 .bg h3 span {
		font-size: 24px;
	}
	.custom-main .custom-method .fill-form,
	.custom-main .custom-method .online-service,
	.custom-main .custom-method .hot-line {
		width: 100%;
		height: auto;
	}
	.custom-main .custom-method .des {
		margin: 20px auto 80px;
	}
	/*产品*/
	.product-main .tabs {
		height: auto;
		margin: 40px auto 10px;
		text-align: center;
		width: 100%;
		font-size: 0;
	}
	.product-main .show-box a {
		margin-top: 40px;
	}
	.product-main .tabs a {
		width: 85px;
		float: none;
		width: 33%;
		height: 120px;
	}
	/*服务中心*/
	.service-center .main .main1 .main1-bottom .list {
		width: 300px;
	}
	.service-center .main .main1 .main1-bottom .img-box img {
		width: auto;
	}
}

@media only screen and (max-width:767px) {
	header .nav {
		padding: 45px 10px 0;
		height: 100vh;
		top: -100vh;
	}
	header.toTop .nav-top {
		height: 40px;
	}
	header.toTop .nav-top .logo img,
	header.navOpen .nav-top .logo img {
		width: 35%;
		height: auto;
		margin-top: 3%;
	}
	header .nav-top .memu {
		width: 0;
		margin-right: 0;
		line-height: 40px;
	}
	header .nav-top .memu img {
		display: none !important;
	}
	header .nav-top .memu #navToggle {
		top: 0;
		left: -36px;
	}
	header .nav-top .memu #navToggle span {
		width: 20px;
		height: 2px;
	}
	#navToggle span {
		top: 13px;
	}
	#navToggle span:nth-of-type(2),
	#navToggle span.span2 {
		top: 19px;
	}
	#navToggle span:nth-of-type(3),
	#navToggle span.span3 {
		bottom: 13px;
	}
	#navToggle.expanded span:nth-of-type(3),
	#navToggle.expanded span.span3 {
		bottom: 19px;
	}
	header .nav .nav-ul1 {
		padding: 10px 0;
	}
	header .nav .nav-ul1 li {
		width: 100%;
		padding: 5px 0;
	}
	header .nav .nav-ul2 {
		margin: 0;
		height: 0;
		width: 100%;
		transition: all .6s;
		-webkit-transition: all .6s;
		-moz-transition: all .6s;
	}
	header .nav .nav-ul1 li.cur.n1 .nav-ul2 {
		height: 100px;
	}
	header .nav .nav-ul1 li.cur.n2 .nav-ul2 {
		height: 130px;
	}
	header .nav .nav-ul1 li.cur.n3 .nav-ul2 {
		height: 40px;
	}
	header .nav .nav-ul1 li.cur.n4 .nav-ul2 {
		height: 100px;
	}
	header .nav .nav-ul1 li.cur.n5 .nav-ul2 {
		height: 160px;
	}
	header .nav .nav-ul1 li.cur.n6 .nav-ul2 {
		height: 40px;
	}
	footer {
		padding-top: 40px;
	}
	footer .img {
		width: 90%;
		margin-bottom: 30px;
	}
	footer .foot-nav {
		display: none;
	}
	footer .footer-links ul li a {
		margin: 0 10px;
	}
	footer .footer-links ul li a .ewm {
		width: 90px;
		height: 90px;
		margin-left: -45px;
		top: -130px;
	}
	footer .footer-links ul li a:hover .ewm {
		top: -100px;
	}
	footer .footer-links ul li a:after {
		display: block;
	}
	footer .footer-bottom ul li {
		border: none;
		text-align: center;
		width: 100%;
	}
	.banner-in .banner-mask {
		top: 40%;
	}
	.banner-in .banner-mask img {
		width: 80%;
	}
	.banner-in .banner-mask .tabs-btn {
		margin-top: 30px;
	}
	.banner-in .banner-mask .tabs-btn a {
		width: 90px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		margin: 0 5px 10px;
	}
	/*index*/
	.banner .swiper-wrapper .swiper-slide .bgs {
		background-size: auto 100%;
	}
	.banner .swiper-wrapper .swiper-slide .banner-text {
		width: 96%;
	}
	.banner .swiper-wrapper .swiper-slide .banner-text .text-box {
		min-width: 0;
		width: 100%;
	}
	.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text1 {
		font-size: 36px;
	}
	.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text2 {
		font-size: 18px;
	}
	.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text3 {
		font-size: 12px;
		padding: 2px 10px;
	}
	.banner .banner-page {
		right: 50%;
		margin-right: -67px;
		bottom: 5%;
		width: 134px;
	}
	.home-body .main-product {
		padding: 40px 0;
	}
	.home-body .tits img {
		width: 45%;
	}
	.home-body .main-product .Tits {
		margin-bottom: 30px;
	}
	.home-body .main-product .Tits img {
		width: 50%;
	}
	.home-body .main-product .boxs li {
		padding: 2px;
		height: 100px;
	}
	.home-body .main-product .boxs li a>div .img-box {
		background-size: 50% auto;
		height: 75%;
	}
	.home-body .main-product .boxs li a>div span {
		font-size: 14px;
		height: 25%;
	}
	.home-body .main-product .boxs li a .box-f {
		display: none;
	}
	.home-body .main-other .other1:after {
		width: 60%;
	}
	.home-body .main-other .other1 .content {
		width: 100%;
	}
	.home-body .main-other .others {
		margin-bottom: 10px;
	}
	.home-body .main-other .others .text {
		font-size: 12px;
		margin: 15px auto 20px;
		text-align: justify;
	}
	.home-body .main-other .others .more {
		font-size: 12px;
		width: 110px;
	}
	.home-body .main-other .other1 {
		background-attachment: scroll;
	}
	.home-body .main-other .other1 .content-r {
		width: 60%;
		padding: 10% 15px;
	}
	.home-body .main-other .other2:after {
		display: none;
	}
	.home-body .main-other .other2 .content {
		width: 70%;
		padding: 10% 15px;
	}
	.home-body .main-other .other3 {
		background-size: auto 100%;
	}
	.home-body .main-other .other3 .content {
		width: 80%;
		padding: 30px 15px 0;
	}
	.home-body .main-other .other3 .content .tits {
		margin: 0;
	}
	.home-body .main-other .other3 .content .tits .e {
		width: 100%;
	}
	/*公司文化*/
	.about .tits {
		padding: 40px 0 10px;
	}
	.tits img {
		width: 80%;
	}
	.about .culture .box {
		margin: 20px auto;
		height: auto;
	}
	.about .culture .box .img-box,
	.about .culture .box .text-box {
		width: 100%;
		float: none;
		height: auto;
	}
	.about .culture .box .text-box {
		padding: 20px 0;
	}
	.about .culture .box .img-box img {
		position: relative;
	}
	.about .culture .box .text-box .middle-box {
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.about .culture .box .text-box .lx {
		display: none;
	}
	/*发展历程*/
	.about .history .content:after {
		display: none;
	}
	.about .history .content ul li {
		height: auto;
	}
	.about .history .content ul li .box-l,
	.about .history .content ul li .box-r {
		border: none !important;
		width: 100%;
	}
	.about .history .content ul li .box-l {
		padding: 20px 0 0;
	}
	.about .history .content ul li .box-l img {
		width: 100%;
	}
	.about .history .content ul li .box-r {
		padding: 5%;
	}
	.about .history .content .lx.lingxing2 {
		bottom: 40px;
	}
	/*公司概况*/
	.about .survey .content {
		top: -30px;
	}
	.about .survey .box1,
	.about .survey .box3 .text-box {
		padding: 30px 20px;
		text-align: justify;
	}
	/*加盟店  加入我们*/
	.joinus-body {
		margin: 0;
	}
	.joinus-main {
		top: 0
	}
	.joinus-main .company-introduce {
		padding: 20px 15px 10px;
		text-align: justify;
	}
	.joinus-main .company-introduce .tit {
		padding-left: 5px;
	}
	.joinus-main .stores .store-info {
		margin-bottom: 15px;
	}
	.joinus-main .stores .store-info .map-link {
		width: 100%;
		border: none;
	}
	.joinus-main .stores .store-info .map-link a {
		background-position: 92% center;
	}
	.joinus-main .stores .store-info .info {
		padding: 0 20% 0 20px;
	}
	.joinus-main .apply-to .tit {
		line-height: 20px;
		padding: 0 10px;
	}
	.joinus-main .apply-to .tit img {
		width: 80%;
		margin-bottom: 10px;
	}
	.joinus-main .apply-to form {
		width: 80%;
	}
	.joinus-main .apply-to {
		padding: 40px 0 70px;
	}
	.joinus-main .apply-to form input,
	.joinus-main .apply-to form select {
		height: 40px;
		line-height: 40px;
		padding-left: 10px;
	}
	.joinus-main .apply-to form>div {
		margin-bottom: 18px;
	}
	.joinus-main .apply-to form>div .btn_Prompt {
		right: -24px;
		top: 10px;
	}
	.joinus-main .apply-to .submit-btn {
		margin-top: 20px;
	}
	.err-text {
		font-size: 10px;
		bottom: -16px;
	}
	/*活动专区*/
	.center1400 {
		width: 100%;
		margin-top: 0;
	}
	.activity-main .box .description {
		padding: 20px 15px;
		text-align: justify;
	}
	.activity-main .box .description h2 {
		font-size: 18px;
		line-height: 40px;
	}
	.activity-main .box .description .content {
		font-size: 12px;
		line-height: 20px;
	}
	/*详情页*/
	.model_news_detail .title {
		font-size: 18px;
		line-height: 28px;
	}
	/*品牌中心*/
	.brand-main .brand-idea .theme {
		padding: 20px 5px;
	}
	.brand-main .brand-idea .brand-concept>img {
		width: auto;
		height: 100%;
	}
	.brand-main .brand-idea .brand-concept .idea {
		left: 10px;
		right: 10px;
	}
	.brand-main .brand-info .info-box .info-wrap {
		width: 100%;
	}
	.brand-main .brand-info .tit,
	.brand-line .brand-produce .tit {
		width: 80%;
	}
	.brand-line .brand-material .tit img {
		width: 100%;
	}
	.brand-line .brand-produce {
		padding-top: 0;
	}
	.brand-line .brand-material .carousel .pic-wrap img {
		width: auto;
		height: 450px;
	}
	.brand-line .brand-material .carousel .desc {
		padding-left: 20px;
		bottom: auto;
		top: 30px;
	}
	.brand-line .brand-material .carousel .desc .left {
		width: 90%;
	}
	.brand-line .brand-material .carousel .my-btn {
		bottom: 20px;
		right: 20px;
	}
	.brand-line .brand-material .carousel .prev-btn {
		right: 70px;
	}
	/*品牌资讯*/
	.brand-main .brand-information .info-box .info-wrap {
		width: 100%;
		margin: 20px 0 0;
	}
	.brand-main .brand-information .info-box .info-wrap a {
		margin: 0 10px;
	}
	/*在线定制*/
	.custom-main .product-show .theme {
		padding: 40px 20px;
	}
	.custom-main .custom-method .tit img {
		width: 80%;
	}
	.custom-main .product-show .product-carousel .pic-box1 {
		min-height: 450px;
	}
	.custom-main .product-show .product-carousel .pic-box1>img {
		height: 450px;
		width: auto;
	}
	.custom-main .product-show .product-carousel .pic-box1 .bg {
		width: 100%;
		left: 0;
	}
	.custom-main .product-show .product-carousel .control-btn {
		width: 40px;
		height: 40px;
	}
	.custom-main .custom-method .fill-form,
	.custom-main .custom-method .online-service,
	.custom-main .custom-method .hot-line {
		padding-top: 10px;
	}
	.custom-main .custom-method .fill-form form>div {
		margin-bottom: 18px;
	}
	.custom-main .custom-method .fill-form form>div .btn_Prompt {
		right: -24px;
	}
	/*产品*/
	.product-main .show-box a {
		width: 50%;
		margin-top: 10px;
	}
	.product-main .show-box a .pic {
		height: 125px;
	}
	.product-main .tabs a {
		height: 100px;
	}
	.product-main .tabs a .nums {
		display: none;
	}
	.product-main .theme-title {
		margin-bottom: 0;
	}
	.product-main .theme-title img {
		width: 45%;
	}
	/*弹出框*/
	.show-list .swiper-container .my-btn {
		background-color: #c7af82;
		width: 30px;
		height: 30px;
		background-size: auto 70%;
		right: 5px;
	}
	.show-list .swiper-container .my-btn.prev {
		right: auto;
		left: 5px;
	}
	.swiper-button-next,
	.swiper-button-prev {
		margin-top: -15px;
	}
	.show-list .go_shop {
		bottom: 50px;
		left: 25px;
	}
	/*场景*/
	.scene-box .scene-category .bg {
		width: 294px;
		margin-left: -147px;
	}
	.scene-box .scene-category .text-box {
		width: 280px;
		margin-left: -140px;
	}
	.scene-box .scene-category .text-box h3 {
		font-size: 2.4rem;
	}
	.scene-body .theme-title {
		margin-bottom: 20px;
	}
	.scene-body .theme-title img {
		width: 27%;
	}
	/*场景详情页*/
	.scene-detail-main .box .detail h2 {
		font-size: 2rem;
	}
	/*服务中心*/
	.service-center .main .main1 .main1-bottom .list {
		width: 100%;
	}
	.service-center .main .main1 .main1-bottom .list .tit1 {
		width: 60%;
	}
	.service-center .main .main1 .main1-bottom .img-box {
		height: 530px;
	}
	.service-center .main .main2 {
		background-attachment: scroll;
	}
	.service-center .main .main2 .tit {
		padding: 25px 0;
	}
	.service-center .main .main2 .tit img {
		width: 80%;
	}
	.service-center .main .main2 #problemDeedback .input-box {
		width: 96%;
		margin-bottom: 18px;
	}
	.service-center .main .main3 {
		padding: 10px 0;
	}
	.service-center .main .main3 .tit img {
		width: 60%;
	}
	.service-center .main .main3 .content .information {
		padding: 20px 15px;
	}
	.service-center .main .main3 .content .information ul li {
		font-size: 14px;
		line-height: 20px;
		padding: 5px 0;
		padding-left: 40px;
	}
	.service-center .main .main3 .content .information .ewms {
		float: left;
		margin-top: 10px;
	}
	.service-center .main .main3 .content .information .ewms .ewm-box {
		margin-left: 0;
		margin-right: 15px;
	}
	.service-center .main .main3 .content .map {
		height: 400px;
	}
}

.more-load {
	margin: 55px auto 60px;
	overflow: hidden;
	position: relative;
	display: block;
	width: 156px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #000;
	text-align: center;
	text-transform: uppercase;
	font-family: "Adobe Devanagari";
}

.more-load span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.more-load:before {
	content: "";
	position: absolute;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}

.more-load:hover span {
	color: #fff;
}

.more-load:hover:before {
	left: 0;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0
}








/*内页*/
.banner1 img{
	width: 100%;
}
.weizhi{
	width: 100%;
	box-shadow: 5px 5px 5px #ccc;
}
.weizhi span{
	display: block;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 40px;
	padding-left: 30px;
	background: url(../images/home.png) no-repeat left ;
	background-size: 2.5%;
}
.content1{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.content1 h2.about1{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 48px;
	margin-bottom: 30px;
}
.content1 .fr p{
	font-size: 14px;
	line-height: 30px;
}
.content1 .fl{
	width: 40%;
}
.content1 .fr strong{
	font-size: 24px;
	color: #0073F5;
	text-transform: uppercase;
}
.content1 .fr{
	width: 55%;
}
.content1 .fl .dianhua p{
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;
	font-size: 24px;
	color: #0073F5;
	border: 5px solid #0073F5;
	margin-top: 5px;
}
.content1 .fl .dianhua p span{
	font-weight: bold;
}
.content1 .fl  a{
	display: block;
	width: 100%;
	text-align: center;
	line-height: 80px;
	background: #0073F5;
	color: #fff;
	font-size: 36px;
}
.product1{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}
.product1 .fl1,.main-product .fl1{
	text-align: center;
	margin-bottom: 20px;
}
.product1 .fenlei,.main-product .fenlei{
	display: inline-block;
	padding: 5px 15px;
	background: #4F4F4F;
	color: #fff;
	margin: 0 10px;
	
	border-radius: 20px;
	
}
.product1 .fenlei:hover,.main-product .fenlei:hover{
	background: #000;
	transition: all 0.5s ease-in-out;
}
.product1 h2{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 48px;
	margin-bottom: 30px;
}
.product1 ul li{
	float: left;
	width: 33%;
	text-align: center;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 24px;
}
.product1 ul li img{
	width: 360px;
}
.product1 ul li a{
	color: #fff;
}
.product1 ul li span{
	display: block;
	width:360px;
	background-color: #4F4F4F;
	margin: 0 auto;
}
.product1 ul li:hover span{
	background: #000;
	transition: background-color 0.5s ease-in-out;
}
.product1 h3{
	font-size: 20px;
	line-height: 36px;
	margin-bottom: 30px;
}
.product1 .pro_detail img{
	float: left;
}
.product1 .pro_detail .pro_desc{
	width: 55%;
	float: right;
}
.product1 .pro_detail a{
	font-size: 18px;
	color: #BF0517;
}
.product1 .pro_detail .line1{
	width: 100%;
	height: 2px;
	background: #BF0517;
	margin-bottom: 20px;
}
.product1 .pro_detail .pro_desc p{
	font-size: 14px;
	line-height: 24px;
}
.news_list_left h3{
  font-size: 16px;
  padding-bottom: 16px;
  color: #000;
}
.news1{
	max-width: 1200px;
	margin: 0 auto;
	padding: 66px 0;
}
.news1 h2{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 48px;
	margin-bottom: 30px;
}
.news_detail_center{
  background: #fff;
}
.news_list2{
  padding: 66px 0;
}
.news_detail_tit{
  text-align: center;
  font-size: 22px;
  color: #000;
}
.news_share{
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding:8px 0;
}
.news_share_center{
  line-height: 28px;
  width: 350px;
  margin:0 auto;

}
.news_share span{
  padding-right: 10px;
  float: left;
}
.news_detail_tit h3{
  padding:25px 0;
}
.news_detail_info{
  padding:33px 60px;
}
.news_detail_info p{
  font-size: 15px;
  color: #666;
  line-height: 36px;
  text-indent: 2em;
}
.news_detail_left{
  float: left;
  padding-left: 10px;
}
.news_detail_left a{
  font-size: 13px;
  color: #999;
  display: block;
  line-height: 30px;
}
.news_detail_info_next{
  border-top: 1px solid #eee;
  padding:25px 0 0;
}
.news_back{
  float: right;

}
.news_back a{
  color: #999;
  display: block;padding: 16px;
}
.news_detail_left a:hover{
  color: #000;
}
.news_list{
    
  
}
.news_list_center{
	width: 1200px;
	margin: 0 auto;
	
	
}
.news_list ul li{
    background: #fff;
    padding:32px 40px 37px 32px;
    -moz-box-shadow:2px 2px 5px #ccc;
    -webkit-box-shadow:2px 2px 5px #ccc;
    box-shadow:2px 2px 5px #ccc;
    margin-bottom: 21px;
}
.news_list_left{
    float: left;
    width: 68%;
    text-align: left;
}
.news_list_right{
    float: right;
    width: 20%;
}
.news_list_right img{
    width: 100%;
}
.news_list_left h5{
    color: #999;
    display: block;
    padding:16px 0 8px;
}
.news_list_left p{
   font-size: 13px;
   color: #666;
   line-height: 24px;
   overflow : hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
.disappear{
  /*width: 30px;*/
  float: left;
  margin-top: 40px;
  margin-right: 15px;
}
.disappear span{
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: middle;
	border-top: 1px solid #000;
	margin-right: 5px;
	transition: all .4s cubic-bezier(.35, .45, .55, 1);
	margin-top: -1px;
}
.news_list_center ul li:hover span {
	width: 30px;
}

.contact1{
	max-width: 1200px;
	margin: 0 auto;
	padding: 66px 0;
}
.contact1 h3{
	font-size: 20px;
	font-weight: bold;
	line-height: 48px;
	margin-bottom: 20px;
}
.contact1 ul li{
	font-size: 14px;
	
	line-height: 30px;
	
}
.contact1 ul li a{
	color: #AD0303;
}
.lanrenzhijia{ width:502px; height:auto;  overflow:hidden;float: left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:502px;height:302px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:15px;width:502px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:472px;height:68px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:95px;text-align:center;cursor: pointer;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:90px;height:54px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}